Jump to content

CSS aimed at increasing font size changes size of text box but not text size

Recommended Posts

Posted

Hey there,

URL: social-eclipse.com

I am trying to increase the size of an h1 text so that it is more legible, however when I insert the following CSS, the result I get is that the size of the text box changes and hence the text moves downwards rather than size of the font changing:

#block-yui_3_17_2_1_1696230990285_3371{
  font-size: 125px
}

Mind you, the same CSS does have the desired effect on all other texts on my website.

I attached a before and after screenshot in case my explanation wasn't clear enough.

Thanks for the feedback!

Screenshot 2023-10-05 at 22.18.24.png

Screenshot 2023-10-05 at 22.18.42.png

Posted

It solved the font size issue so thanks for that! However, now I can't manipulate it by dragging the text box (e.g.: Linebreak by decreasing the length of the text box - and this makes it look awful on mobile). Any recommendation for this? Thank you!!

IMG_6330.jpg

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.