MattCav Posted July 4, 2020 Share Posted July 4, 2020 Site URL: https://www.nesthomeware.com/cast-iron-sets Hi all, I'm creating pages (rather than categories, for SEO purposes) to show similar groups of products in addition to my main Store page. To do this, I'm using Product Blocks. The default Product Block fonts for product details are different than on Store Pages, but I'd like for them to be the same (following the same styling as the Store Pages). See links below for example. https://www.nesthomeware.com/shop : The product titles here follow the heading text font. I like it! https://www.nesthomeware.com/cast-iron-sets : The product titles here follow the body text font. I'd like to change it to the heading text, as above. Is there a simple code fix here that can be injected to these specific pages? Thanks! -Matt Link to comment
tuanphan Posted July 5, 2020 Share Posted July 5, 2020 Add to Page Settings > Advanced > Header <style> .product-block .productDetails .product-title { font-family: orpheus-pro; font-weight: 400; font-style: normal; letter-spacing: 0em; text-transform: none; line-height: 1.4em; font-size: calc(.24vw + 1rem); } </style> StoriesAroundTheSun, kindandbrave, brunodiazcast and 1 other 2 2 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MattCav Posted July 6, 2020 Author Share Posted July 6, 2020 This worked perfectly, thank you! Link to comment
Amador Posted July 7, 2020 Share Posted July 7, 2020 Hi guys, I'm dealing with the same problem. The code above almost worked but I can't figure out how to adjust the price below the title of the product blocks. I'm trying to match the style and look of this - https://swan-hen-n4m6.squarespace.com/purchase-catalogues I got close but it's not quite there yet - https://swan-hen-n4m6.squarespace.com/kids-classes-camps Any help would be greatly appreciate it. Thanks! Link to comment
tuanphan Posted July 8, 2020 Share Posted July 8, 2020 9 hours ago, Amador said: Hi guys, I'm dealing with the same problem. The code above almost worked but I can't figure out how to adjust the price below the title of the product blocks. I'm trying to match the style and look of this - https://swan-hen-n4m6.squarespace.com/purchase-catalogues I got close but it's not quite there yet - https://swan-hen-n4m6.squarespace.com/kids-classes-camps Any help would be greatly appreciate it. Thanks! <style> .product-price { font-size: 10px !important; color: red; } </style> StoriesAroundTheSun and kindandbrave 1 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Amador Posted July 8, 2020 Share Posted July 8, 2020 Thank you so much! I really should just learn how to code 🙂 Link to comment
MoonMama Posted July 14, 2020 Share Posted July 14, 2020 Hey, I uploaded a font to my site called Panamera and would like to use it site wide. instead of having multiple font styles. My site is https://www.tribeandsol.com Thanks Link to comment
tuanphan Posted July 15, 2020 Share Posted July 15, 2020 13 hours ago, Ndi said: Hey, I uploaded a font to my site called Panamera and would like to use it site wide. instead of having multiple font styles. My site is https://www.tribeandsol.com Thanks Answered on other question. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mccallkeller Posted September 29, 2020 Share Posted September 29, 2020 Hey does anyone know who to also change the fonts on the page that shows just one of your products? I can't find it anywhere! Thanks so much for the help. this is one of the pages I'm trying to add my custom fonts to: https://www.andthenjewelry.com/collections/beni-shoga-n8amh Link to comment
tuanphan Posted September 30, 2020 Share Posted September 30, 2020 18 hours ago, mccallkeller said: Hey does anyone know who to also change the fonts on the page that shows just one of your products? I can't find it anywhere! Thanks so much for the help. this is one of the pages I'm trying to add my custom fonts to: https://www.andthenjewelry.com/collections/beni-shoga-n8amh Which elements? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
noblestudio Posted October 1, 2020 Share Posted October 1, 2020 Hi All, facing the same problem but with the font size on the 'view all' section with product categories. The font size doesn't seem too large for desktop view but it's not responsive and doesn't adjust when the screen is shrunk and the text cuts off in mobile view – any help? (screenshots attached). Link to site: https://trombone-bumblebee-yms9.squarespace.com/config/pages/5f69e05dba1bde0a4560f05c pw: camilamesquita Template: Maru Cheers! Nabil Link to comment
tuanphan Posted October 1, 2020 Share Posted October 1, 2020 1 hour ago, noblestudio said: Hi All, facing the same problem but with the font size on the 'view all' section with product categories. The font size doesn't seem too large for desktop view but it's not responsive and doesn't adjust when the screen is shrunk and the text cuts off in mobile view – any help? (screenshots attached). Link to site: https://trombone-bumblebee-yms9.squarespace.com/config/pages/5f69e05dba1bde0a4560f05c pw: camilamesquita Template: Maru Cheers! Nabil /config is url for site owner Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
noblestudio Posted October 1, 2020 Share Posted October 1, 2020 (edited) Sorry! here's the url: https://trombone-bumblebee-yms9.squarespace.com/products password as above. Cheers! @tuanphan Edited October 1, 2020 by noblestudio Link to comment
noblestudio Posted October 2, 2020 Share Posted October 2, 2020 15 hours ago, noblestudio said: Sorry! here's the url: https://trombone-bumblebee-yms9.squarespace.com/products password as above. Cheers! @tuanphan @tuanphan Managed to find the solution from another thread that was resolved by you! It seems when using this code to customise the size for product category title, it becomes responsive in mobile – which is great! /* category title size */ h3.nested-category-title { font-size: 42px !important; } Thanks for the help! N Link to comment
Molololol Posted May 31 Share Posted May 31 Hi there, thanks for this! Worked for me, but how do I keep the calculating font size for different screens that's in this code but make it a fixed size on the mobile version of the site? Thanks! On 7/5/2020 at 12:10 PM, tuanphan said: Add to Page Settings > Advanced > Header <style> .product-block .productDetails .product-title { font-family: orpheus-pro; font-weight: 400; font-style: normal; letter-spacing: 0em; text-transform: none; line-height: 1.4em; font-size: calc(.24vw + 1rem); } </style> Link to comment
tuanphan Posted June 2 Share Posted June 2 On 5/31/2023 at 5:20 PM, Molololol said: Hi there, thanks for this! Worked for me, but how do I keep the calculating font size for different screens that's in this code but make it a fixed size on the mobile version of the site? Thanks! What is your site url? I guess each site will have a different size settings Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Molololol Posted June 8 Share Posted June 8 On 6/2/2023 at 11:52 PM, tuanphan said: What is your site url? I guess each site will have a different size settings Sorry I just saw this, I managed to work it out - thanks for your reply! tuanphan 1 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