Jump to content

How to reduce space between different text styles in same text block

Recommended Posts

Site URL: https://www.spraywayupvc.co.uk

Hi, Please can someone help? Theres wasted spacing between paragraph and heading text on home page only where the 6 small picture blocks are as seen in the screen shot I have attached. Is there anyway the paragraph text can be moved closer to the heading text below each picture as per screenshot?

 

My website is www.spraywayupvc.co.uk

 

Thank you in advance 

 

Tom

Screenshot 2020-04-16 at 19.30.24.png

Link to comment
  • Replies 14
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Add to Home > design > Custom CSS

/* gap between paragraph - heading */
div#page-section-5e5acb60e6c06e061f8ec94b h4 {
    margin-bottom: 0;
}
div#page-section-5e5acb60e6c06e061f8ec94b .image-block {
    padding-bottom: 0;
}
/* gap between pargraph - under section */
[data-section-id="5e5acb60e6c06e061f8ec94b"] .content-wrapper {
    padding-bottom: 1px !important;
}
/* Gap between heading - paragraph */
div#block-26d06e72cfea15057304, div#block-e688317ef4836adaca4e, div#block-15b9667a9aee5052afaf {
    padding-bottom: 0;
}
div#page-section-5e5a93330054c85361627e60 h4 {
    margin-bottom: 0;
}
/* paragraph - images */
div#block-yui_3_17_2_1_1586298001083_15045+.row .sqs-block-html {
    padding-bottom: 0;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
On 4/18/2020 at 10:33 AM, tuanphan said:

Add to Home > design > Custom CSS


/* gap between paragraph - heading */
div#page-section-5e5acb60e6c06e061f8ec94b h4 {
    margin-bottom: 0;
}
div#page-section-5e5acb60e6c06e061f8ec94b .image-block {
    padding-bottom: 0;
}
/* gap between pargraph - under section */
[data-section-id="5e5acb60e6c06e061f8ec94b"] .content-wrapper {
    padding-bottom: 1px !important;
}
/* Gap between heading - paragraph */
div#block-26d06e72cfea15057304, div#block-e688317ef4836adaca4e, div#block-15b9667a9aee5052afaf {
    padding-bottom: 0;
}
div#page-section-5e5a93330054c85361627e60 h4 {
    margin-bottom: 0;
}
/* paragraph - images */
div#block-yui_3_17_2_1_1586298001083_15045+.row .sqs-block-html {
    padding-bottom: 0;
}

 

Hi @tuanphan,

I'm struggling with this as well. Trying to reduce the gap between my name and my title. Might you be able to guide me?

www.southernsunevents.com

PW: sse2020

Link to comment
8 hours ago, SouthernSunEvents said:

Hi @tuanphan,

I'm struggling with this as well. Trying to reduce the gap between my name and my title. Might you be able to guide me?

www.southernsunevents.com

PW: sse2020

On which page? I don't see it on homepage

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
16 hours ago, SouthernSunEvents said:

Yup and I'm struggling with it site wide. Thanks so much for your help!

Add to Design > Custom CSS

/* Line block spacing */
.horizontalrule-block {
    padding-top: 0px;
    padding-bottom: 0px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
On 6/29/2021 at 11:58 AM, SouthernSunEvents said:

Hi @tuanphan, Not sure I'm able to follow this video because it's a bit fast for my non-coding savvy self. Is there a code that can adjust all header/body spacing site wide?

 

Thanks!

@tuanphanFigured out how to do this with the help of your video block by block but curious if there's a sitewide coding fix before I spend a week straight fixing every block.

Thanks!

http://www.southernsunevents.com

PW: sse2020

Link to comment
  • 2 weeks 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.