Skip to main content

Custom Radio Buttons Style

More
12 years 5 months ago #156113 by davec
-- url of the page with the problem -- :https://www.detaineesupplies.co.uk/register
-- HikaShop version -- : 2.3.0
-- Joomla version -- : 3.3
-- PHP version -- : 5.3.22
-- Browser(s) name and version -- : Firefox 29.01

I have added a couple extra custom fields to the registration page, one set being 2 radio buttons. I am having a small problem of getting them to line up. Until I added this code #maillist_No{width:5% !important;} they just flowed as one continuous line. The page is her here e

Would apprciated some pointers for this?

Thanks Dave B)

Please Log in or Create an account to join the conversation.

More
12 years 5 months ago #156126 by nicolas
Replied by nicolas on topic Custom Radio Buttons Style
Hi,

Your CSS code is not ok. You should use instead this one:
#hikashop_address_maillist input{float:left;}

Then, the radios will be lined up.

Please Log in or Create an account to join the conversation.

More
12 years 5 months ago - 12 years 5 months ago #156163 by davec
Replied by davec on topic Custom Radio Buttons Style
Nicolas

thanks for the reply that part did the trick.

The text however does not line up correctly as you can see from the attached screenshot.

I have since added the follwing css
Code:
#maillist_Yes {margin-bottom:25px;margin-top:6px; }
which has corrected it to a point. I would however like a larger space between the 2 blocks. Even using firebug I am struggling to find the solution?

Dave B)
Last edit: 12 years 5 months ago by davec.

Please Log in or Create an account to join the conversation.

More
12 years 5 months ago #156175 by nicolas
Replied by nicolas on topic Custom Radio Buttons Style
For example:
Code:
#hikashop_address_maillist label{ float: left; width: 95%; } #hikashop_address_maillist input { float: left; margin-top: 15px; } #maillist_No{ margin-top: 40px; } label[for=maillist_No]{ margin-top: 30px; }
and remove your :
#maillist_Yes {margin-bottom:25px;margin-top:6px; }
The following user(s) said Thank You: davec

Please Log in or Create an account to join the conversation.

More
12 years 5 months ago #156267 by davec
Replied by davec on topic Custom Radio Buttons Style
Nicolas

thanks very much for your help, it greatly appreciated.

BTW do you ever take time off, you always seem to be online ;)

Dave B)

Please Log in or Create an account to join the conversation.

More
12 years 5 months ago #156274 by nicolas
Replied by nicolas on topic Custom Radio Buttons Style
Not as much as I would like :)

Please Log in or Create an account to join the conversation.

Time to create page: 0.055 seconds
Powered by Kunena Forum