Custom Radio Buttons Style

  • Posts: 440
  • Thank you received: 20
  • Hikashop Essential
10 years 5 months ago #156113

-- 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.

  • Posts: 82726
  • Thank you received: 13342
  • MODERATOR
10 years 5 months ago #156126

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.

  • Posts: 440
  • Thank you received: 20
  • Hikashop Essential
10 years 5 months ago #156163

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

#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: 10 years 5 months ago by davec.

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

  • Posts: 82726
  • Thank you received: 13342
  • MODERATOR
10 years 5 months ago #156175

For example:

#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.

  • Posts: 440
  • Thank you received: 20
  • Hikashop Essential
10 years 5 months ago #156267

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.

  • Posts: 82726
  • Thank you received: 13342
  • MODERATOR
10 years 5 months ago #156274

Not as much as I would like :)

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

Time to create page: 0.049 seconds
Powered by Kunena Forum