- Posts: 108
- Thank you received: 1
radio buttons for shipping options
11 years 9 months ago #183596
by mdraeger
radio buttons for shipping options was created by mdraeger
-- url of the page with the problem -- :
www.naturalsports.ca
Hi, I am trying to format the current shipping buttons to radio selection buttons. Each time I do this to the .jsn-joomla-30 fieldset { , it just reverts back to the buttons.
Is there an option that allows me to pick the type of button to use for the shipping method?
Thanks,
martin
Hi, I am trying to format the current shipping buttons to radio selection buttons. Each time I do this to the .jsn-joomla-30 fieldset { , it just reverts back to the buttons.
Is there an option that allows me to pick the type of button to use for the shipping method?
Thanks,
martin
Please Log in or Create an account to join the conversation.
11 years 9 months ago #183603
by nicolas
Replied by nicolas on topic radio buttons for shipping options
Hi,
You can add such CSS on your website to display the radio buttons for the shipping methods selection:
You can add such CSS on your website to display the radio buttons for the shipping methods selection:
Code:
.hika-radio input[type="radio"] {
display: block !important;
}
Please Log in or Create an account to join the conversation.
11 years 9 months ago #183709
by mdraeger
Replied by mdraeger on topic radio buttons for shipping options
Thanks I found this solution as well however the rectangular buttons are still visible. I would like to completely remove the buttons and replace them with the radio option. Is there a workaround to accomplish this?
Martin
Martin
Please Log in or Create an account to join the conversation.
11 years 9 months ago #183723
by Jerome
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Replied by Jerome on topic radio buttons for shipping options
Hi,
You can override the view "checkouy | shipping" in order to remove the bootstrap classes to the label.
You can also add some custom CSS in order to force another display for the labels.
www.hikashop.com/support/support/documen...ize-the-display.html
Regards,
You can override the view "checkouy | shipping" in order to remove the bootstrap classes to the label.
You can also add some custom CSS in order to force another display for the labels.
www.hikashop.com/support/support/documen...ize-the-display.html
Regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
The following user(s) said Thank You: mdraeger
Please Log in or Create an account to join the conversation.
Time to create page: 0.178 seconds