Return to previous page

WooCommerce buttons on Products page background

This topic has 6 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Eva Kemp

plush

Participant

September 15, 2015 at 05:50

I’m trying to change the color of the woocommerce buttons on the shop page, however when I try to change it I see no effect? It’s currently a greyish color and I want to change the buttons background to a black color and leave the hover color as is.

#86858 Copied

5 Answers

Jack Richardson

Support staff

September 15, 2015 at 07:23

Hello,

I’ve changed buttons color in 8Theme Options > Styling > Woocommerce.
Please check Shop page now.

Best regards,
Jack Richardson.

#86873 Copied

plush

Participant

September 15, 2015 at 07:44

I don’t see the color being changed to black in 8theme options > styling > woocommerce. I see the change has been made on the shop page thank you, I would like to play with the button colors to see exactly what I like can you please tell me how as it’s not working through 8theme options > styling > woocommerce. Thank you.

#86883 Copied
Eva Kemp

Support staff

September 15, 2015 at 14:40
Hello,

Also you can try this code in child style.css:
```
.product .content-product .btn {
    border-color: black !important;
}
.product .progress-button, .product .product_type_simple, .product .progress-button, .product .product_type_simple {
  background-color: black !important;
}
```
Regards,
Eva Kemp.
#87028 Copied
plush

Participant

September 15, 2015 at 17:09

Hello,

Instead of calling background or border color ‘black’, can I use a hex color code there instead because there are different variations of colors? Like example below using hex color for black for example…

.product .content-product .btn {
border-color: #000000 !important;
}
.product .progress-button, .product .product_type_simple, .product .progress-button, .product .product_type_simple {
background-color: #000000 !important;
}

#87064 Copied

Eva Kemp

Support staff

September 15, 2015 at 17:24

Hello,

Yes, you can use hex color values.

Regards,
Eva Kemp.

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