Jimmyness Posted February 12 Share Posted February 12 (edited) Hi there, I'm looking to make my portfolio look a bit prettier in terms of layout. Can you tell me how to change the size of just the first headline? Secondly, could you please tell me the code to only make the first body of text larger? "Building a narrative etc". Thank you! Edited February 12 by Jimmyness Link to comment
nathan.j.p Posted February 12 Share Posted February 12 A few questions. Are those separate blocks? Do you know how to find the block i.d.? If not I suggest adding the Squarespace ID Finder extension to Chrome. Here's the link: https://chromewebstore.google.com/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff Once installed: Use it to find the ID of those two blocks. Then go to Page Settings -> Advanced -> Header Code injection and use this code: <style>[Paste in your #block id"]{Font-size: enter font size in PX or Em;}</style> Repeat for second block. If they are the same block: <style>[Paste in your #block id"] {h1,p{Font-size: enter font size in PX or Em;}}</style> Link to comment
nathan.j.p Posted February 12 Share Posted February 12 The downside to modify font-size for single blocks using code is deciding where the tedium of customization ends. It is best to set up your font-sizes to work out of the box across your website, and by best I mean, it's an y easy rabbit hole to fall in and get distracted with. Speaking from experience. paul2009 1 Link to comment
Jimmyness Posted February 13 Author Share Posted February 13 Thank you, that's good advice. I think I've figured out a workaround. 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