Jump to content

Changing the size of only one paragraph

Recommended Posts

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! 

 

Screen Shot 2024-02-12 at 4.07.22 pm.png

Edited by Jimmyness
Link to comment

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

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.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.