- Posts: 251
- Thank you received: 2
"add to cart" button Css class
13 years 10 months ago - 13 years 10 months ago #75688
by Nello
"add to cart" button Css class was created 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
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.
13 years 10 months ago - 13 years 10 months ago #75810
by Arjun
Replied by Arjun on topic "add to cart" button Css class
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.
13 years 10 months ago - 13 years 10 months ago #75812
by Nello
Replied by Nello on topic "add to cart" button Css class
Thank you
Last edit: 13 years 10 months ago by Nello.
Please Log in or Create an account to join the conversation.
13 years 4 months ago - 13 years 4 months ago #104938
by melisari
Replied by melisari on topic "add to cart" button Css class
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.
13 years 4 months ago #104957
by nicolas
Replied by nicolas on topic "add to cart" button Css class
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.
.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 1 month ago #119356
by drandyb
Replied by drandyb on topic "add to cart" button Css class
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 1 month ago #119392
by nicolas
Replied by nicolas on topic "add to cart" button Css class
This was just an example. You sure can use an image instead provided that you add the correct CSS code.
For example:
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
For example:
Code:
.hikashop_product_stock .hikashop_cart_input_button{
background-image: url(http://mywebsite.com/myimage.gif);
}
Please Log in or Create an account to join the conversation.
Time to create page: 0.227 seconds