Product page – cart button – variations price color

Hi Grammelot,

Try the basic troubleshooting such as deactivating other plugins or switch theme to rule out if there is any conflict. Try to clear cache as well if you have any caching plugins.

You can also send here the URL where the issue occurs, so we can have a look and test it as well.

Hello,
thanks for the answer.

When switching theme (I’m currently using Hello Elementor), it does change the color of the default theme and therefore of that part too, but I still can’t edit that particular part myself as I wish to. Tried also clearing the cache but nothing changed.

To be more clear, this is an example: https://grammelot.net/product/italijanscina-test-1/

When picking one of the “Choose an option”, then the price is displayed, and I can’t edit its appearance (it’s both green and decentered).

Any workaround? Is there any simple way to edit those two attributes with custom CSS?
For instance, I had to use a custom CSS found on here to edit the background of part of that section too, which also was not customizable:

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #ffffff;

Thanks for your time

Hi grammelot,

You can try this Custom CSS:

/*** change price color and font size ***/
.woocommerce div.product span.price {
    color: #0047ff;
    font-size: 1.25em;
}

/*** to center the price **/
.woocommerce-variation-price {
    margin-left: 30%;
    margin-right: 30%;
    margin-bottom: 20px;
}

This is how it will look like:- https://share.getcloudapp.com/z8uk14wv

Of course, please feel free to change it according to what you desire.

Thank you very much! ??

It works perfectly!

Cheers

Hi grammelot,

Cool! Happy to help ??