Jump to content

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

Recommended Posts

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!

Screen Shot 2022-02-16 at 3.02.49 PM.jpg

Link to comment
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!

Screen Shot 2022-02-16 at 3.02.49 PM.jpg

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 2 months later...

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.

Screen Shot 2022-04-12 at 10.10.28 am.png

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

Screen Shot 2022-04-12 at 10.10.28 am.png

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

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

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.