Styling the add to cart button.

  • Posts: 64
  • Thank you received: 1
11 years 10 months ago #52057

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.

  • Posts: 13201
  • Thank you received: 2322
11 years 10 months ago #52081

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:

.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:
http://www.hikashop.com/fr/support/documentation/faq.html#css

Last edit: 11 years 10 months ago by Xavier.

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

  • Posts: 64
  • Thank you received: 1
11 years 10 months ago #52089

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.078 seconds
Powered by Kunena Forum