Jump to content

Font size and padding/margins change when I publish my website

Recommended Posts

Hi everyone, I could use your help with this issue because I can't figure what is wrong for the life of me. I have attached two screenshots: one is from the editing preview on squarespace, and the other is how the actual website looks when it's published. 

If you check out the screenshots, you'll see that the text size, margins, padding etc looks very different. When I publish the website, the paragraph font is much smaller and the padding/margins between the paragraph and the keywords below it is huge. I don't know how to fix this, as this huge spacing gap is not visible when I edit the website. Btw this happens on desktop preview only. Any tips? 

My website URL is https://www.marianikolistudio.org/ 

onedit.jpg

image.png

Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 1/8/2023 at 2:33 AM, tuanphan said:

It is a common problem..

Try adding this to Design > Custom CSS

.fe-63b7d56e305e9550c0a682e8 {
    --row-height-scaling-factor: 0.0165;
}

 

Hi there, I tried it but unfortunately, nothing changed. If you have anything else in mind on how to solve this, let me know. 

Link to comment
  • 1 year later...

I'm posting this in a few places in hopes it might help someone:

I think I actually figured out a solution. I was having a TON of spacing issues on a website I was working on. When I'm in the Squarespace editor, it looks perfect, and then I publish and there's weird spacing issues everywhere after text. Went to the forums to try to figure out why, but was disheartened to see so many people having the same issues.

My browser has been forever Google Chrome, but on a whim, I decided to try to edit my website using Firefox. And you guys... it fixed my spacing issues. When I opened up the editor in Firefox, it even showed where there were the weird spacing issues (that wasn't there in the editor opened up in Chrome). I fixed it up, and I repeatedly checked the published version in Chrome. Somehow it was magically fixed.

Hopefully this helps people out there. Have no idea if this was just a solution for me, but I think it's a Squarespace + Chrome issue.  (Fix this, Squarespace!!!) If this solves it for anyone else, let me know.

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.