Using CSS to differentiate cart buttons

  • Posts: 259
  • Thank you received: 22
10 years 11 months ago #172033

-- HikaShop version -- : 2.3.2

I'm trying to use different buttons for "add to cart" and "select options". Is there a way to differentiate these by class and if so, which view files would I find that class. The view being used is the image-description list.

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

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

Hi,

To differentiate the "Choose option" and "Add to cart" buttons, you can apply css properties on:

/* All the buttons */
.hikashop_cart_button{

}
/* Then on: */
.hikashop_product_quantity_div .hikashop_cart_button{

}
/* For the add to cart button only */

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

  • Posts: 259
  • Thank you received: 22
10 years 11 months ago #172171

Thanks. unfortunately that doesn't seem to work. I have found the correct code though which is:

/*all buttons */
.hikashop_cart_input_button{
}
/*add to cart only*/
#hikashop_product_right_part .hikashop_cart_input_button {
}

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

Time to create page: 0.066 seconds
Powered by Kunena Forum