Hello,
How do I change the colour of the text in the ‘add to basket’ and the ‘continue shopping’ button without having to change the colour of my main font?
When the buttons have not been hovered over you can barely make out the writing
Thank you!
This topic has 7 replies, 4 voices, and was last updated 9 years, 6 months ago ago by Robert Hall
Hello,
How do I change the colour of the text in the ‘add to basket’ and the ‘continue shopping’ button without having to change the colour of my main font?
When the buttons have not been hovered over you can barely make out the writing
Thank you!
Hello,
Add this code in custom.css:
.product-information .cart button[type="submit"] {
color: white;
}
.emodal-text span {
color: white;
}
Best regards,
Jack Richardson.
Hello Nhingi;
you may add following css code to your Theme options > Custom Css > Global css:
.single_add_to_cart_button{
color:red;
background-color:yellow;
}
.emodal .btn.filled:first-of-type{
color:yellow;
}
If you do not need to edit background color – just remove this line.
Regards,
Stan Russell.
Thanks, but after Custom Css there is no option for global Css. Is there any other way to add the code?
Hello,
Please add this code in custom.css file:
.product-information .cart button[type="submit"] {
color: white;
}
.emodal-text span {
color: white;
}
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).
Best regards,
Jack Richardson.
Thank you so much!
Hello,
You’re welcome!
Regards,
Robert Hall
The issue related to '‘How do I change the colour of the text in the 'add to basket' button?’' has been successfully resolved, and the topic is now closed for further responses