Return to previous page

Change add to cart button text color - by neil

This topic has 6 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

  • Avatar: midlandsonline
    neil
    Participant
    November 11, 2014 at 18:02

    Hi

    The text color is the same colour as the add to cart button. How can I change this please?

    #24123 Copied
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    November 11, 2014 at 19:20

    Hello,

    To change “Add to cart” text color add this code into custom.css file:

    a.btn.border-grey.product_type_simple {
color: red !important;
}

    Replace the color value with yours.
    How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is identical).

    Thank you.
    Regards,
    Eva Kemp.

    #24152 Copied
    Avatar: midlandsonline
    neil
    Participant
    November 12, 2014 at 12:04

    Hi

    Thanks for this but the button text is still the same on the product pages.

    Please see here http://ukfragrances.co.uk/shop/ladies/calvin-klein-obsession-eau-de-parfum-spray-100ml/

    The black add to cart button still contains black text

    #24241 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    November 12, 2014 at 16:22

    Hello,

    Please add this code into custom.css file:
    .button {color: red !important;}

    Thank you.
    Regards,
    Eva Kemp.

    #24290 Copied
    Avatar: midlandsonline
    neil
    Participant
    November 13, 2014 at 14:13

    Hi

    Sorry, this still has not worked

    #24448 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    November 13, 2014 at 15:08

    Hello,

    Please provide us with wp-admin panel credentials in Private Content.

    Thank you.
    Regards,
    Eva Kemp.

    #24471 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘change add to cart button text color’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Marseille 03 – 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.