How to adjust the padding around specific text headings - seems like default is 17px.....

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

I've tried a bunch of things but been unable to figure out the code needed to target each heading and adjust the padding so there is not so much white space floating around.

I believe right now the default is 17px, top and 17px bottom, for the heading size I am using. I only want to target these three titles. Once I know how to do one I'll manage the rest.

Perhaps it is also possible to change the padding around the line? Would be good to know too, but the text is the most important, each helps get rid of excess white space.

Thank you for your help!

2 hours ago, Shaun_mav said:

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

I've tried a bunch of things but been unable to figure out the code needed to target each heading and adjust the padding so there is not so much white space floating around.

I believe right now the default is 17px, top and 17px bottom, for the heading size I am using. I only want to target these three titles. Once I know how to do one I'll manage the rest.

Perhaps it is also possible to change the padding around the line? Would be good to know too, but the text is the most important, each helps get rid of excess white space.

Thank you for your help!

You can try setting the padding value for this block by adding to Home > Design > Custom Css

#block-yui_3_17_2_1_1639955223544_4502 {
  padding-bottom: 0;
  padding-top: 0;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Hello Bangank36,

Wonderful!

For some reason I could not find the other block IDs at first, but I just did, so I am all good now.

Thank you so much!

9 hours ago, Shaun_mav said:

Hello Bangank36,

Wonderful!

For some reason I could not find the other block IDs at first, but I just did, so I am all good now.

Thank you so much!

 

 

 

 

 

To find the right block IDS in squarespace site, you can try the following extension - Squarespace ID Finder:  https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Video to guide how to find block id: https://recordit.co/kUIH4uco0b

Hope that it makes sense

This is looking promising as a fix for my issue - which is that on certain sections I want to override a padding error - when I manually change the padding using the slider at section level, the bottom padding is not even. Screenshot attached.

Rather than applying this code for individual blocks, I'd like to apply it to certain sections. Can anyone help with the code for that?

SS says it needs to: 'use custom CSS to override the 17px of bottom-padding' while they fix the bug.

On 4/19/2022 at 9:38 AM, CommonCause said:

This is looking promising as a fix for my issue - which is that on certain sections I want to override a padding error - when I manually change the padding using the slider at section level, the bottom padding is not even. Screenshot attached.

Rather than applying this code for individual blocks, I'd like to apply it to certain sections. Can anyone help with the code for that?

SS says it needs to: 'use custom CSS to override the 17px of bottom-padding' while they fix the bug.

Try adding a blank section above Blue section, then set it minimum height

On 4/22/2022 at 10:01 PM, tuanphan said:

Try adding a blank section above Blue section, then set it minimum height

sorry, this didn't work, grateful for any more suggestions on custom CSS to overrride default top padding of 17px

On 4/25/2022 at 12:26 PM, CommonCause said:

sorry, this didn't work, grateful for any more suggestions on custom CSS to overrride default top padding of 17px

What is site url?