Omega Radio Buttons
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 4
- Joined: 15 Jul 2013, 19:55
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?
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
I think you can override the classes of radio button on Omega Theme. DOM Structure when a radio item is active;
What do you want to change in the radiobutton? Border, border-radius, select icon etc. Maybe, you can attach a screenshot for us.
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>
Github Profile: https://github.com/mertsincan
-
- Posts: 4
- Joined: 15 Jul 2013, 19:55
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:
Omega:
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:
Omega:
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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>
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Glad to hear, thanks for the update!
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 2 guests