font color on product price – how to change

Hello L.Cini,

You may have to provide a link to the site / layout you mean to get a definate answer. But this is how I worked my way around this the other day.

Copy and paste this into the bottom of your themes style.css file to override any woocommerce styles:

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
	text-align: center;
	color: #fff;  /* This is what you MAY want to change color */
	font-weight: 400;
	font-size: 2em;
}

EDIT

If you are trying to change the color of the price of the actual single product view page then this is probably the code you are looking for:

.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
    color: #000; /* Change this */
    font-size: 1.25em;
    text-align: center;
}

Thanks

Hi,

I tried to use this code, (the first quote), I pasted it into the area that said “Custom code goes below here” and above the bit that says “Don’t paste anything below here or the sky will fall down.”

Now I have a 500 Internal Server Error and can’t access any part of my site of admin area, any tips? Or have I buggered it totally? ??

Thanks

@l.Cini

You can use this css in the theme options > advanced settings custom css box:

.product_price {
color: #fff;
}

@rahowarth1990
Are you using the virtue theme?
You should never edit a live site in the wordpress editor. Always use a plugin or theme options for css.

And your only way to fix is by going in the the server file manager and undoing whatever you did.

Kadence Themes

Hi i am also having the same issue, i have tried .product_price as advised above no change – my price text is also too dark.

Any ideas?

Please ignore my computer was cached its worked thank you!

Hi all,

I used virtue theme and need to change the font size of product price too small for my setup price from-to on per line.

Please see my product Raw cave bird’s nest at https://vbigmart.com/brand/yenviet/

Thank you.

I have resolved with theme options > advanced settings custom css box:

.product_price {font-size: 14px !important;}

Regards,