(Squarespace) Different size for Heading text on Same section

Suppose you have 2 Text Blocks with Heading 2 and Heading 3. You need to set different sizes on these heading text.

First, find ID of 2 Blocks.

In my example, we will have:

  • First Text Block (with heading 2): #block-6ef47e4ef896c101c935
  • Second Text Block (with heading 3): #block-yui_3_17_2_1_1739950653718_1742

Next, use this code to Custom CSS box.
If code doesn’t work, you can comment below, message or send me an email.

#block-6ef47e4ef896c101c935 h2 {
font-size: 30px !important;
}
#block-yui_3_17_2_1_1739950653718_1742 h3 {
font-size: 50px !important;
}

Result

1 Like