Customize the ADD TO CART Button without changing all buttons from the checkout

  • Posts: 4
  • Thank you received: 0
8 years 3 months ago #263152

So I want to put an image on the "add to cart" button instead of the text.




In order to do that I separated
.hikashop_cart_input_button
in the CSS file (frontend_custom.css) and added my own layout. But apparently all buttons from the checkout procedure are the same class .hikashop_cart_input_button so changing the layout of the 'add to cart" button will change the layout of all buttons from the checkout procedure (shipping address, payment....)

Is there an attribute or other selector for this "add to cart" button only, in order to change it's layout?
If not, in what file exactly is the mark up for this button so I can add manually an id ?







Attachments:
Last edit: 8 years 3 months ago by lostweb.

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

  • Posts: 83992
  • Thank you received: 13604
  • MODERATOR
8 years 3 months ago #263157

Hi,

Sure. For example, on the product page, you can use that CSS:
.hikashop_product_page .hikashop_cart_input_button{
// your CSS
}

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

  • Posts: 4
  • Thank you received: 0
8 years 3 months ago #263274

thanks Nicolas, it works!

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

Time to create page: 0.155 seconds
Powered by Kunena Forum