- Posts: 447
- Thank you received: 20
Custom Radio Buttons Style
12 years 5 months ago #156113
by davec
Custom Radio Buttons Style was created 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
-- 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
Please Log in or Create an account to join the conversation.
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.
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.
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
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
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; }
Dave
Last edit: 12 years 5 months ago by davec.
Please Log in or Create an account to join the conversation.
12 years 5 months ago #156175
by nicolas
Replied by nicolas on topic Custom Radio Buttons Style
For example:
and remove your :
#maillist_Yes {margin-bottom:25px;margin-top:6px; }
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;
}
#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.
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
thanks very much for your help, it greatly appreciated.
BTW do you ever take time off, you always seem to be online
Dave
Please Log in or Create an account to join the conversation.
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