Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Decreasing Section Padding Squarespace 7.1


Recommended Posts

18 hours ago, ElizabethM said:

Dear all, 

I would like to reduce all the the space between sections in my website. 

Is there any option ? 

 

Many thanks

If SS 7.1, use this CSS

article .content-wrapper {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 2 weeks later...
6 hours ago, alimach said:

I'm trying to change the amount of padding between my top menu and my work links but it seems impossible.

My site is www.machworld.net and here is a screenshot with the css code I was trying to use.

 

Screen Shot 2021-10-10 at 11.37.03 AM.png

Add to Design > Custom CSS

.portfolio-hover-items {
    justify-content: flex-start !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
1 hour ago, tuanphan said:

Add to Design > Custom CSS

.portfolio-hover-items {
    justify-content: flex-start !important;
}

 

Thanks for this. Unfortunately when I add this code, the hover states don't follow along, they're in the same position as they were before. Is there any other way to adjust the vertical spacing?

Link to comment
On 10/11/2021 at 9:24 AM, alimach said:

Thanks for this. Unfortunately when I add this code, the hover states don't follow along, they're in the same position as they were before. Is there any other way to adjust the vertical spacing?

Try this new code

[data-section-id="60cfa8c99cd4cf6a758ac40e"] {
    min-height: unset !important;
    height: 50vh !important;
}

.portfolio-hover-backgrounds {
    align-items: flex-end;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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