Product Prices - is it possible to make them Bold and in color?

Hello everyone, 

No code is needed for this, just use the Style Editor as in the attached video.

This worked great for a part of my site. However It doesn't seem to work on my 'shop' page (https://www.mjkingart.com/new-page-3) and when you select the product (https://www.mjkingart.com/shop-1/p/wine-triptych). Can this be altered?  

Your products show different layouts and sizes. You should remove the custom CSS codes and update the font sizes directly from the site style editor.

the only custom codes I have installed are to move down the price to be near the 'add to cart' button. I am trying to change the color and bold the price within the product blocks that aren't in my shop. I have attached images below. 

Yes, that worked! Thank you! Is there a way to increase the size of the price though on the selected products page? The other pages, the size and color are perfect.

https://www.mjkingart.com/shop-1/p/through-the-vines

On 5/1/2024 at 7:28 PM, MJKing said:

Yes, that worked! Thank you! Is there a way to increase the size of the price though on the selected products page? The other pages, the size and color are perfect.

https://www.mjkingart.com/shop-1/p/through-the-vines

You can use this CSS code

body.view-item .product-price {
    font-size: 20px !important;
}

perfect! thank you!

This seems to work on my site aswell, but I would prefer to keep the "you might also like" - prices as they are by default. Any way to accomplish this?  My pages:

https://architectureshooting.com/druckeditionen-print-editions/icc-berlin

Thank you

7 hours ago, mgroeteke said:

This seems to work on my site aswell, but I would prefer to keep the "you might also like" - prices as they are by default. Any way to accomplish this?  My pages:

https://architectureshooting.com/druckeditionen-print-editions/icc-berlin

Thank you

Change this id

body.view-item .product-price

to this

body.view-item div#productDetails .product-price

Working well, thank you!!

Hi There,
I'm trying to change the size of the font of the item price on my store. When I go to assign styes and adjust the size nothing happens?

On 8/14/2024 at 5:06 AM, lbudny said:

Hi There,
I'm trying to change the size of the font of the item price on my store. When I go to assign styes and adjust the size nothing happens?

You can also use this to Website Tools > Custom CSS

body.view-list .product-price {
	font-size: 30px !important;
}

if it doesn't work, you can share link to store page, I will check again