Omega Radio Buttons

Post Reply
scott.abernethy
Posts: 3
Joined: 15 Jul 2013, 19:55

31 May 2017, 14:40

I have purchased the Omega theme but our client doesn't like the way the radio buttons appear on the screen. Specifically that the inner circle for selected item is off center. Is it possible for me to change to a different radio button graphic?

User avatar
aragorn
Posts: 2618
Joined: 29 Jun 2013, 12:38

31 May 2017, 15:57

I think you can override the classes of radio button on Omega Theme. DOM Structure when a radio item is active;

Code: Select all

<div class="ui-radiobutton ui-widget">
   <div class="ui-helper-hidden-accessible">
         <input id="j_idt69:0" name="j_idt69" type="radio" value="Xbox One">
    </div>
    <div class="ui-radiobutton-box ui-widget ui-corner-all ui-state-default ui-state-active">
        <span class="ui-radiobutton-icon ui-icon ui-c ui-icon-bullet"></span>
    </div>
</div>
What do you want to change in the radiobutton? Border, border-radius, select icon etc. Maybe, you can attach a screenshot for us.

scott.abernethy
Posts: 3
Joined: 15 Jul 2013, 19:55

07 Jun 2017, 15:36

My apologies for taking so long to reply.

We don't like that the inside of the selected radio is slightly off center. Also the entire radio button appears overly large to me. I have attached screen shots for Omega and Verona. The radio button for Verona is much more visually appealing.
Verona:
Image
Omega:
Image

User avatar
aragorn
Posts: 2618
Joined: 29 Jun 2013, 12:38

09 Jun 2017, 13:03

Please try;

Code: Select all

<style type="text/css">
    body .ui-radiobutton-box.ui-state-active, 
    body .ui-radiobutton-box.ui-state-focus.ui-state-active {
        background-color: transparent;
        color: #156090;
    }
    body .ui-radiobutton .ui-icon-bullet, 
    body .ui-radiobutton .ui-icon-blank {
        font-size: 14px;
        margin-top: 1px;
    }
</style>

scott.abernethy
Posts: 3
Joined: 15 Jul 2013, 19:55

09 Jun 2017, 16:11

That looks great! Thank you!

User avatar
aragorn
Posts: 2618
Joined: 29 Jun 2013, 12:38

12 Jun 2017, 13:35

Glad to hear, thanks for the update!

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests