Skip to main content

"add to cart" button Css class

More
13 years 10 months ago - 13 years 10 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 10 months ago by Nello.

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

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

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

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

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

More
13 years 4 months ago - 13 years 4 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 4 months ago by melisari.

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

More
13 years 4 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.

More
13 years 1 month 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.

More
13 years 1 month 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.227 seconds
Powered by Kunena Forum