Jump to content

Can I reduce space between text blocks and styles?

Recommended Posts

1 hour ago, Popedesigner said:

Site URL: https://www.popedesigner.com


The default space between two text blocks is a little much for my liking. Is there a way to reduce that default space? Such as between an h1 text block and a body copy text block throughout the site?

(Messing with the line height makes everything too tight.)



hi. below is a code for this.  adjust the margins as you want.
Design > Css Editor.

#page section:first-child {
    .html-block {
        .sqsrte-small {
            margin-bottom: 0 !important; // First line margin adjustment
        h1 {
            margin: 0 !important;  // Heading margin adjustment
        p {
            margin: 0 !important; // last line margin adjustment

Link to comment

@Popedesigner I see the site has some small problems. Do you want to fix these?

Site URL: https://www.popedesigner.com/

1. (Mobile-Footer) Want to align left social icons, or make text/social same line?


2. (Tablet-Footer) Want to make text on same line?


3. (Overlay Menu) Want to show logo here?


4. (Tablet-Header) Nav has 2 items only. Want to force desktop navigation on tablet?

5. (Mobile) The page looks long. Want to add a back to top button?
6. (About) You haven’t changed SEO Title so the browser tab name still shows “Contact”

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

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.