Can I reduce space between text blocks and styles?

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

Hello.

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.)

Thanks! 

1 hour ago, Popedesigner said:

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

Hello.

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.)

Thanks! 

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
        }
    }
}

@Agha_Waqas Thank you! You totally sent me in the right direction.

@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”

 

@tuanphan Thanks for the suggestions. It's a work in progress for sure. I'll reach out if I need help.