ivnisigoth316 Posted March 13, 2022 Share Posted March 13, 2022 Site URL: https://ladybug-chicken-2tp4.squarespace.com/order/p/develop-only Hello, I'd like to change the font of my product title and price on my product page on every product page please When i apply a H style with the assign fonts menu it just changes the size and not the font. If anyone knows how i could achieve this id be very appreciative. Site pass: *3iRgpCKJ-8@bBZ7 Link to comment
ivnisigoth316 Posted March 13, 2022 Author Share Posted March 13, 2022 Also, if anyone knows how to change the breadcrumbs too that would be ace. I've trawled the forums and tried various solutions found on there but nothing seems to work Link to comment
Solution paul2009 Posted March 13, 2022 Solution Share Posted March 13, 2022 9 minutes ago, ivnisigoth316 said: I'd like to change the font of my product title and price on my product page on every product page please I see you've added some Custom CSS for the Product List Page (PLP) but I don't see any for the Product Detail Page (PDP). You'll need to use something like this: .collection-type-products .ProductItem-details h1.ProductItem-details-title, .ProductItem .ProductItem-details .product-price { font-family: "Neue-Haas-Unica-Medium"; } Did this help? Please give feedback by clicking an icon below ⬇️ hayleykimstudios, GinaPayne and ivnisigoth316 3 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Link to comment
ivnisigoth316 Posted March 13, 2022 Author Share Posted March 13, 2022 paul2009 this is a perfect solution. thank you so much for your time, i really appreciate it! paul2009 1 Link to comment
ivnisigoth316 Posted March 13, 2022 Author Share Posted March 13, 2022 Is it possible to do this same with the breadcrumbs please? Thanks Link to comment
Jia Posted March 14, 2022 Share Posted March 14, 2022 10 hours ago, ivnisigoth316 said: Is it possible to do this same with the breadcrumbs please? Thanks For the breadcrumbs, add this code to custom css: .ProductItem-nav { font-family: "Neue-Haas-Unica-Medium"; } hayleykimstudios and ivnisigoth316 2 Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified. www.sevenstars.studio www.instagram.com/sevenstars.studio Link to comment
ivnisigoth316 Posted March 14, 2022 Author Share Posted March 14, 2022 13 hours ago, Jia said: For the breadcrumbs, add this code to custom css: .ProductItem-nav { font-family: "Neue-Haas-Unica-Medium"; } Thanks, this was perfect! Appriciate it! Jia 1 Link to comment
hayleykimstudios Posted May 28 Share Posted May 28 Thanks for providing this code - I've just used it. Can you provide code to change the font for 'variant' (in this case colour) and and quantity please?? Link to comment
tuanphan Posted May 31 Share Posted May 31 On 5/28/2024 at 8:45 PM, hayleykimstudios said: Thanks for providing this code - I've just used it. Can you provide code to change the font for 'variant' (in this case colour) and and quantity please?? Use this code. If it doesn't work, please share link to product in screenshot, we can check easier. div.product-quantity-input *, [class*="variant"] * { font-family: "Neue-Haas-Unica-Medium"; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hayleykimstudios Posted June 24 Share Posted June 24 @tuanphan this works but also changes all of my H1,H2 and H3 fonts across the whole site 😞 Link to comment
tuanphan Posted Wednesday at 09:12 AM Share Posted Wednesday at 09:12 AM On 6/24/2024 at 6:27 PM, hayleykimstudios said: @tuanphan this works but also changes all of my H1,H2 and H3 fonts across the whole site 😞 Remove the code & use this new code div.product-quantity-input *, .ProductItem-details .ProductItem-details-checkout [class*="variant"] * { font-family: "Neue-Haas-Unica-Medium"; } If it still doesn't work, please share link to a product on your site, I can check code easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment