Tagged: woocommerce
Hi, I am wanting to change the price size on a single product page but nowhere else. Currently, I have added this code to the custom CSS area.
#top.single-product .price span {
font-size: 60px;
font-weight: lighter!important;
line-height: 100px!important;
}
This limits the style change to a single product page, however, the style change is reflected at the bottom of the page in the ‘related products’ area. How do I make it so that the style change is only affecting the price found at the top of the page?
Hey zakthorpe,
Please try this instead:
.single-product .av-woo-purchase-button .price span {
font-size: 60px;
font-weight: lighter!important;
line-height: 100px!important;
}
Best regards,
Rikard
Thank you! Worked like a charm!
Is there any way to add the ‘on sale’ circle icon onto a custom product page?
Hi,
To add the on sale button into a custom product page, you`ll need to find a freelancer and you can do it trough this link: kriesi.at/contact/customization
Best regards,
John Torvik