radio buttons for shipping options

  • Posts: 108
  • Thank you received: 1
10 years 8 months ago #183596

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

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

  • Posts: 84220
  • Thank you received: 13673
  • MODERATOR
10 years 8 months ago #183603

Hi,

You can add such CSS on your website to display the radio buttons for the shipping methods selection:

.hika-radio input[type="radio"] {
display: block !important;
}

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

  • Posts: 108
  • Thank you received: 1
10 years 8 months ago #183709

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

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

  • Posts: 26264
  • Thank you received: 4043
  • MODERATOR
10 years 8 months ago #183723

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,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: mdraeger

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

Time to create page: 0.059 seconds
Powered by Kunena Forum