Skip to main content

"add to cart" button Css class

13 years 11 months ago - 13 years 11 months ago #75688 by Nello
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: 13 years 11 months ago by Nello.

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

13 years 11 months ago - 13 years 11 months ago #75810 by Arjun
You can style with specific parent class
Last edit: 13 years 11 months ago by Arjun. Reason: bored

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

13 years 11 months ago - 13 years 11 months ago #75812 by Nello
Thank you
Last edit: 13 years 11 months ago by Nello.

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

13 years 5 months ago - 13 years 5 months ago #104938 by melisari
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: 13 years 5 months ago by melisari.

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

13 years 5 months ago #104957 by nicolas
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.

13 years 2 months ago #119356 by drandyb
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.

13 years 2 months ago #119392 by nicolas
This was just an example. You sure can use an image instead provided that you add the correct CSS code.
For example:
Code:
.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.068 seconds
Powered by Kunena Forum