[Skip to main content](#vessel-content) # Custom Radio Buttons Style ## - **[davec](/forum/user/7092-davec "View davec's Profile")** - [![davec's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7092-davec "View davec's Profile") Topic Author - [ Offline](/forum/user/7092-davec) Less More - Posts: 447 - Thank you received: 20 - - 12 years 5 months ago [\#156113](#156113) by [davec](/forum/user/7092-davec "View davec's Profile") *[Custom Radio Buttons Style](/forum/4-how-to/868235-custom-radio-buttons-style#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 here Would apprciated some pointers for this? Thanks Dave B)")* was created by *[davec](/forum/user/7092-davec "View davec's Profile")* -- 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](https://www.detaineesupplies.co.uk/register)e Would apprciated some pointers for this? Thanks Dave ![B)](/media/kunena/emoticons/9.png "B)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg2ODIzNS1jdXN0b20tcmFkaW8tYnV0dG9ucy1zdHlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14279 - - 12 years 5 months ago [\#156126](#156126) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Custom Radio Buttons Style](/forum/4-how-to/868235-custom-radio-buttons-style#156126 "-- 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 here Would apprciated some pointers for this? Thanks Dave B)")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg2ODIzNS1jdXN0b20tcmFkaW8tYnV0dG9ucy1zdHlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[davec](/forum/user/7092-davec "View davec's Profile")** - [![davec's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7092-davec "View davec's Profile") Topic Author - [ Offline](/forum/user/7092-davec) Less More - Posts: 447 - Thank you received: 20 - - 12 years 5 months ago - 12 years 5 months ago [\#156163](#156163) by [davec](/forum/user/7092-davec "View davec's Profile") Replied by *[davec](/forum/user/7092-davec "View davec's Profile")* on topic *[Custom Radio Buttons Style](/forum/4-how-to/868235-custom-radio-buttons-style#156163 "-- 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 here Would apprciated some pointers for this? Thanks Dave B)")* 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)](/media/kunena/emoticons/9.png "B)") Last edit: 12 years 5 months ago by [davec](/forum/user/7092-davec "View davec's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg2ODIzNS1jdXN0b20tcmFkaW8tYnV0dG9ucy1zdHlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14279 - - 12 years 5 months ago [\#156175](#156175) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Custom Radio Buttons Style](/forum/4-how-to/868235-custom-radio-buttons-style#156175 "-- 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 here Would apprciated some pointers for this? Thanks Dave B)")* 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](/forum/user/7092-davec "View davec's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg2ODIzNS1jdXN0b20tcmFkaW8tYnV0dG9ucy1zdHlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[davec](/forum/user/7092-davec "View davec's Profile")** - [![davec's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7092-davec "View davec's Profile") Topic Author - [ Offline](/forum/user/7092-davec) Less More - Posts: 447 - Thank you received: 20 - - 12 years 5 months ago [\#156267](#156267) by [davec](/forum/user/7092-davec "View davec's Profile") Replied by *[davec](/forum/user/7092-davec "View davec's Profile")* on topic *[Custom Radio Buttons Style](/forum/4-how-to/868235-custom-radio-buttons-style#156267 "-- 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 here Would apprciated some pointers for this? Thanks Dave B)")* Nicolas thanks very much for your help, it greatly appreciated. BTW do you ever take time off, you always seem to be online ![;)](/media/kunena/emoticons/24.png ";)") Dave ![B)](/media/kunena/emoticons/9.png "B)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg2ODIzNS1jdXN0b20tcmFkaW8tYnV0dG9ucy1zdHlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14279 - - 12 years 5 months ago [\#156274](#156274) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Custom Radio Buttons Style](/forum/4-how-to/868235-custom-radio-buttons-style#156274 "-- 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 here Would apprciated some pointers for this? Thanks Dave B)")* Not as much as I would like ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg2ODIzNS1jdXN0b20tcmFkaW8tYnV0dG9ucy1zdHlsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.082 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)