Checkout Identification Button

  • Posts: 173
  • Thank you received: 4
9 years 4 months ago #207170

-- url of the page with the problem -- : morenadancewear.com.au/component/hikasho...kout.html?Itemid=165
-- HikaShop version -- : 2.5.0
-- Joomla version -- : 3.4.2

Hi,
There are three buttons for Identification "Login, Registration and Guest" to give different options on the checkout page, they seem to be working well but their width is larger than the containing frame. How can I change the width to fit nicely?
Regards.

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

  • Posts: 2143
  • Thank you received: 747
9 years 4 months ago #207197

Hi,

Me again. ;)

Everything is a bit larger in Oz, eh!
Anyway, it's a CSS thing. You're using the "old" default frontend CSS of HikaShop, and there is a setting which you want to change.

In the configuration ( www.hikashop.com/support/support/documen...fig.html#display_css ) click on the edit icon next to the dropdown field for "Front end CSS file" for editing and creating a custom CSS file (which you can use for other future modifications - "update-safe"!).
In that file, find line 2018, which is now

#hikashop_checkout_page .btn-group-vertical {
  width: 90%;
}
and change it to
#hikashop_checkout_page .btn-group-vertical {
  width: auto;
}

Bingo.

P.S.: Here's more on the "how to", so you can figure these things out yourself:
www.hikashop.com/support/support/documen...ize-the-display.html
www.hikashop.com/support/support/documen.../84-css-styling.html


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
The following user(s) said Thank You: kchahine

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

  • Posts: 173
  • Thank you received: 4
9 years 4 months ago #207260

Many thanks.

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

Time to create page: 0.067 seconds
Powered by Kunena Forum