Tagged: font size, font-family, single product page, woocommerce
Hello Kriesi Team
I am trying to change a couple of things on a single product page. The page is built with the Avia Framework and I have the following issues:
— Product Price Font Size
I would like to change the font size of the price or price range on the single product page but not on the grid/overview
— Font Family Related Products
I wold like to change the font family of the title for ‘Related Products’ or ‘Ähnliche Produkte’ in German
Don’t seem to be able to achieve this :(
Here a link to the page for reference https://doncamillo.colorit.ch/product/eureka-mignon-perfetto-chrom/
Thanks so much & all the best,
Corina
Hey Corina,
Thanks for contacting us!
1- Please add following code to Quick CSS in Enfold theme options > General Styling and adjust as needed
#top.single-product .price span {
font-size: 20px !important;
}
2- It seems like you have achieved it already with following code? :)
#top .related.products h2, #top .upsells.products h2 {
font-family: 'roboto-slab-regular' !important;
}
If you need further assistance, please let us know!
Best regards,
Yigit
Hello Ygit
Thanks so much for your help. Although Solution 1 resized the font size for price on the single page. It also resized it for the element ‘you may also like’ or ‘related products’ at the bottom of each product page.
Is there a way to only resize it on the price after the product description?
Thanks heaps.
Corina
Hi,
Please use the code as following instead
#top.single-product .av-woo-purchase-button .price span {
font-size: 20px !important;
}
Best regards,
Yigit
Thanks Yigit, that worked a charm. Appreciate your help.
This can now be closed.
Have a nice day.
All the best, Corina