Skip to main content

Styling the add to cart button.

More
14 years 3 months ago #52057 by londonstudio
My Add to cart button is getting a little lost when surrounded by the rest of my content.
Style it the following ways

1. Create 40px above and below clear space from the other elements.
2. Add a thin blue boarder around quantity and the add to cart button
3. Give the boarder rounded edges.

Any assistance would be appreciated.

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

More
14 years 3 months ago - 14 years 3 months ago #52081 by Xavier
Hi,

The class to edit for the "add to cart" button is:
hikashop_cart_button

To edit the CSS, you can use "Firebug" to find the classes to edit.
Then, you can do something like that:
Code:
.hikashop_cart_button{ margin: 40px; border: 1px solid blue; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }

You can follow this link for more informations:
www.hikashop.com/fr/support/documentation/faq.html#css
Last edit: 14 years 3 months ago by Xavier.

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

More
14 years 3 months ago #52089 by londonstudio
Thank you Xavier for taking the time to answer my question. I appreciate it.

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

Time to create page: 0.181 seconds
Powered by Kunena Forum