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 2
  • Views 577
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 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

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.