"add to cart" button Css class

  • Posts: 251
  • Thank you received: 2
11 years 11 months ago #75688

Hi Nicolas,
I want to set a different css class only for "add to cart" button on product page.

At the moment the css class is .hikashop_cart_input_button, but it is also the same for the contact us button and for some others buttons. How to customize only the button "add to cart" on the product page?

Thank you.
Nello

Ex. www.hidesign.it/it/catalogo/product/show...-3305/poltrona-cocoa

Last edit: 11 years 11 months ago by Nello.

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

  • Posts: 2
  • Thank you received: 0
11 years 11 months ago #75810

You can style with specific parent class

Last edit: 11 years 11 months ago by Arjun. Reason: bored

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

  • Posts: 251
  • Thank you received: 2
11 years 11 months ago #75812

Thank you

Last edit: 11 years 11 months ago by Nello.

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

  • Posts: 103
  • Thank you received: 2
11 years 5 months ago #104938

Hi! I want to customize the add to cart button too, but i dont know how to do it. Could you explain the steps to follow? thank you so much in advance!

Last edit: 11 years 5 months ago by melisari.

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

  • Posts: 82725
  • Thank you received: 13338
  • MODERATOR
11 years 5 months ago #104957

As Arjun said, you can add such CSS:

.hikashop_product_stock .hikashop_cart_input_button{
color : green !important;
}

You can add it in the frontend CSS file of HikaShop that you can edit via the Display tab of the configuration of HikaShop.

The following user(s) said Thank You: melisari

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

  • Posts: 25
  • Thank you received: 0
11 years 2 months ago #119356

What is the exact name of the file where this code should go. Can I use url for paypal .gif for the button instead of color green?

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

  • Posts: 82725
  • Thank you received: 13338
  • MODERATOR
11 years 2 months ago #119392

This was just an example. You sure can use an image instead provided that you add the correct CSS code.
For example:

.hikashop_product_stock .hikashop_cart_input_button{
background-image: url(http://mywebsite.com/myimage.gif);
}
As I said, you can add it in the frontend CSS file of HikaShop that you can edit via the Display tab of the configuration of HikaShop: www.hikashop.com/support/documentation/5...fig.html#display_css

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

Time to create page: 0.089 seconds
Powered by Kunena Forum