Button text colour

[saeides]

Hello,

 

How can I change the text and also hover colour of buttons like “add to basket” and so on. Please see the attached screenshot.

 

Thanks in advance,

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Please add this css

COPY CODE

button.single_add_to_cart_button.button {
    color: #FFF !important;
}

a.button.wc-forward {
    color: #fff;
}

a.button.wc-delivery-button {
    color: #fff;
}

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[saeides]

Thanks for your help. Tried but didn’t work. I’ve added that to my style.css file.

[Radu]

Try with important declaration

COPY CODE

button.single_add_to_cart_button.button {
    color: #FFF !important;
}
 
a.button.wc-forward {
    color: #fff !important;
}
 
a.button.wc-delivery-button {
    color: #fff !important;
}

Let me know

Cheers

RAdu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[saeides]

This reply has been set as private.

[Radu]

Hi,

I’ve added this css-s to your quick CSS.

COPY CODE

.woocommerce-page .main-color input.button { color: #fff !important; }
.woocommerce-page .main-color a.button { color: #fff !important; }

Let me know if is ok.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[saeides]

This reply has been set as private.

[Radu]

CAn you check now ?

It should be ok

I’ve used

COPY CODE

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover { background-color:rgba(149,12,194, 0.7) !important;}

Cheers

RAdu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[saeides]

That works perfectly.
Thank you for your great help.

[Radu]

You’re welcome

Have a nice day

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[saeides]

This reply has been set as private.

[Radu]

Hi,

Merry Christmass

Add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.woocommerce-page ul.products li.product:hover a.button.add_to_cart_button.product_type_simple  { color:#333 !important; }

Let me know

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[saeides]

It worked perfectly.
Thanks for great help.

[Radu]

Hi,

Your welcome

Have a nice week

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts