Jump to content

Font size (rem) not scaling properly on certain blocks

Recommended Posts

Site URL: http://www.aromon.squarespace.com/seedling-chair

Hi there,

I have a dropdown code block on this website but for some reason the font on it doesn't scale like on the rest of the website, this is the only block I have an issue with and I have no idea if I'm totally overseeing something. On site styles my p1 is set to 1.3rem, I styled both the h3 and p tags on this block to be 1.3rem also but it's not matching at all (care and use blablabla is code block, text above is regular text block). Is this an issue with code blocks/any workarounds for this?  



Thank you! 

Screenshot 2021-04-16 at 10.00.33.png

Screenshot 2021-04-16 at 10.00.23.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Hi. Can you share link to a page where you use h3? We can check its code.

As I remember correctly, SS uses not only rem, but rem + vw as well. Something like this (here is h4 size on your site, I can't find h3)

h4 {
    font-size: calc((2 - 1) * 1.2vw + 1rem);


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

Hi @tuanphan,


Ah brilliant, that makes a lot more sense. Yes sorry I don't actually use h3 on that website, just never bothered changing the code of dropdown. Changed it now though to p which is to match p1 on the website--the text block just above the code block is p1.


Thank you very much

Link to comment
  • 1 month later...

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.