Styling price on shop page and in basket different

Pamilu · April 2020

Hi!

I'm trying to style the price differently on the shop page and in the basket.

I don't get the right css code, i think. I'm always changing both at the same time...

Could you maybe give me a hint?

Thanks!

Pablo · April 2020

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

Pamilu · April 2020

Oh, sorry! I forgot...

Here is a screenshot ( i hope it works that way). first picture shows the shop page, second picture the single product. In magenta i marked the displayed price, i would like to change.

http://destijl.shop/screenshot.jpg

Here is the url to the shop (it's not public jet):

https://destijl.shop/shop

Thanks!

Pablo · April 2020

Hello,

Please paste that CSS code into the theme Options > Custom cSS & JS > CSS

html body span.woocommerce-Price-amount.amount{
    color:red !important;
}

Thanks

Pamilu · April 2020

Hi Pablo,

hmmm... this is not working. It still speaks to both (price on shoppage and on singel product page).

I would like to display price on shop page smaller than on product page, so i need to differentiate.

Thanks...

Bryan · April 2020

Hi,

are you sure you want to display an even smaller prive on the sho page? it is already 16px and will be very hard to read. Maybe it would be better do enalrage the single product page price?

You can do that with this css

 .single-product .woocommerce-Price-amount { font-size: 20px !important; }

thanks

Pamilu · April 2020

Hi Pablo,

perfect, that's exactly, what i need!

Yes, of course i will adjust the font sizes... don't worry ;-)

But thanks for the hint!

Thank you!

Styling price on shop page and in basket different

Comments