- This topic has 7 replies, 3 voices, and was last updated 4 years, 2 months ago by
.
-
Posts
-
Hello,
First I searched in the customizer but I didn’t find such options. I searched the forum also but I didn’t find a thread about this.
How can the background and text of the Buy Button/Select Options/Read More be changed? https://prnt.sc/26n8n1c
Thank you in advance!
Customer Support
Hi Georgi,
All woocommerce related buttons use this CSS:
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #fff; background-color: #55555e; }You can use this CSS to override the default. Change the color values to your preference. 😀
Thanks man, it works great!
I also wanted to customize the add to cart button and found the following CSS in the forum:
.woocommerce a.button.add_to_cart_button { padding: 5px 10px; border-radius: 5px; }It does a really great job but it’s not affecting the button for out of stock products https://prnt.sc/26ncdab and the button on the product page itself https://prnt.sc/26ncdsv
Can the CSS be adjusted to affect these two things as well?
Customer Support
Hi there,
can you share a link to your site where i can see the sales products.
Of course. Link in the private area. There is no cache now so it might be a bit slower.
OK so replace both your CSS snippets with:
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #fff; background-color: #55555e; padding: 5px 10px; border-radius: 5px; }Hehe, awesome! Thank you, David! 🙂
Glad we could be of help
- You must be logged in to reply to this topic.
