Hi @snigglefritz73 ,
Please use the Custom CSS below and replace the colour red and yellow with the colour of your choice;
/** For Cart Button Colours **/
.woocommerce.single-product div.product form.cart .button.single_add_to_cart_button {
background: red !important;
border: transparent !important;
}
.woocommerce.single-product div.product form.cart .button.single_add_to_cart_button:hover,
.woocommerce.single-product div.product form.cart .button.single_add_to_cart_button:focus {
background: yellow !important;
}
—–
Where to Add Custom CSS?
https://wpcustomthemes.com/docs/sophia/#where-to-add-custom-css
If you happen to run into further issues or have any more questions I can assist with, please don’t hesitate to let us know.
Kind regards,
Pjay
Many thanks Albert!! It worked well.
<div class="header-mini-cart">
<?php
echo do_blocks( '<!-- wp:woocommerce/mini-cart /-->' );
?>
</div>
-
This reply was modified 1 year, 7 months ago by Pjay Pokhrel.
