Alex_G Posted November 1, 2019 Share Posted November 1, 2019 I’m looking for some help to change the mobile font size on a single page on a website. I have CSS code changing the font size for all mobile pages, which is perfect, but now I need to further modify the mobile font on a single page without impacting the font size at the other page breaks. I also don’t want the CSS to impact font size on any other page. Any help would be appreciated! Link to comment
tuanphan Posted November 1, 2019 Share Posted November 1, 2019 You can target Page ID. See how to find page ID. 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
colin.irwin Posted November 1, 2019 Share Posted November 1, 2019 If you're using Squarespace 7.0 (NOT 7.1): Use Chrome browser and use it to install the following Chrome extension - https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde Visit the page you want to modify the text on and click the extension's icon An overlay will appear showing all of the permanent collection and block ids on the page Click the top left, collection overlay item and it will copy to your clipboard Now take a copy of your existing font color code and prefix it with the collection id. Paste the copy *after* the code you already have. That sets up the css so that it tweaks the color for everything and then applies the second color tweak only to relevant collection. Without seeing your code it's difficult to give a specific code example but it's probably something like @media only screen and (max-width: 640px) { #something .something { color: red; } } You would modify it with the collection ID as follows @media only screen and (max-width: 640px) { #collection-535e7627e4b0140e264640b8 #something .something { color: blue; } } NB - Above I use a collection ID from a page on my site - you need the one from your page. If you're looking for a Squarespace Developer, drop me a line. Link to comment
Alex_G Posted November 2, 2019 Author Share Posted November 2, 2019 This worked! Thanks for taking the time to share your insight! Link to comment
Gui Posted November 25, 2019 Share Posted November 25, 2019 Hello, Can someone help me with this? Im trying to change the font on these product pages without affecting the rest of the website. Can someone help? The font im trying to chnage is the small reading one Its my P font Thank you! https://www.bakdshop.com/shopholiday/pencil-plant-aswfx Link to comment
tuanphan Posted November 25, 2019 Share Posted November 25, 2019 1 hour ago, Gui said: Hello, Can someone help me with this? Im trying to change the font on these product pages without affecting the rest of the website. Can someone help? The font im trying to chnage is the small reading one Its my P font Thank you! https://www.bakdshop.com/shopholiday/pencil-plant-aswfx please share access password. 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.