- This topic has 6 replies, 2 voices, and was last updated 7 years, 2 months ago by
.
-
Posts
-
Hi,
1. I added a html code </br> to break the line of SKU number from the line of product title. It works well in the cart page but it doesn't on the shopping cart button. How do I make the code invisible?
2. How do I change the background color and hover color of the "ADD TO CART" button on single and variable product pages?
Hi,
1, You can send me a screenshot place you add the "br" tag.
2. Change the color for "ADD TO CART":
- Product Simple: It seems you have added the custom CSS, you can change the color for it.
Hover: http://prntscr.com/kw1tky
- Product variable: You can add these lines:
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .single_variation_wrap .single_add_to_cart_button{background-color: #368bed;}
Hover: .site-content-single-product .single-product-info .summary-product-wrap form.variations_form .single_variation_wrap .single_add_to_cart_button:hover{background-color: #45a0ca;}
Hi,
How do I change the font color in the hover state in Product Simple? It's currently black but I want it to be white.
Thanks!
Product Simple: It seems you have added the custom CSS, you can change the color for it.
Hover: http://prntscr.com/kw1tky
You can go to Custom CSS and find the above lines, later change the color for it.
Hi,
You can add these lines to Custom CSS:
.site-content-single-product .single-product-info .summary-product-wrap form.cart .button:hover, .site-content-single-product .single-product-info .summary-product-wrap form.cart .added_to_cart:hover{color: #fff;}
You must be logged in and have valid license to reply to this topic.
