Return to previous page

How do I change the colour of the text in the 'add to basket' button?

This topic has 7 replies, 4 voices, and was last updated 8 years, 11 months ago ago by Robert Hall

  • Avatar: Nhingi
    BTSO
    Participant
    June 1, 2016 at 11:03

    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!

    #127876 Copied Theme version: Royal Store v 1.7 WooCommerce version: 2.5.5
    6 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 1, 2016 at 13:29

    Hello,

    Add this code in custom.css:

    .product-information .cart button[type="submit"] {
   color: white;
}
.emodal-text span {
    color: white;
}

    Best regards,
    Jack Richardson.

    #127913 Copied
    Avatar: stan
    Stan Russell
    Participant
    June 1, 2016 at 13:37

    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.

    #127914 Copied
    Avatar: Nhingi
    BTSO
    Participant
    June 1, 2016 at 13:50

    Thanks, but after Custom Css there is no option for global Css. Is there any other way to add the code?

    #127920 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 1, 2016 at 14:08

    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.

    #127938 Copied
    Avatar: Nhingi
    BTSO
    Participant
    June 1, 2016 at 15:34

    Thank you so much!

    #127987 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    June 1, 2016 at 15:51

    Hello,

    You’re welcome!

    Regards,
    Robert Hall

    #127992 Copied
  • Viewing 7 results - 1 through 7 (of 7 total)

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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.