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

reducing padding between sections in version 7.1

Question

Posted (edited)

Looking to reduce:

1) the padding/height of the page title section that is in-between the site header at the top and the galley image section (see America-East Coast page) 

2) the padding between the bottom of the gallery image section and the footer

Website is https://purple-chinchilla-4bnr.squarespace.com

Password London0220

Help will be appreciated as can't seem to find the right solution as it's 7.1 and most of the advice out there is for older versions

thanks

Edited by IvanOB
wrong site details given

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 0

/config is url for web owner.

1. Reduce padding page title - gallery

Add to Home > Design > Custom CSS

#page .content-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

2) the padding between the bottom of the gallery image section and the footer

Homepage or Project page?

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0

Thanks Tuanphan. Tried the 1st css code and no difference as the page title section is still quite large (i've only tried the page title on the first America-East Coast page as wanted to see if i could get it to work before having it on all the other portfolio sub-pages.

 

For (2) would want it on all pages except the homepage.

Share this post


Link to post
  • 0

Hi Tuanphan, yes used a combination of the below which may be longwinded but works fine

Code injection for the portfolio pages

<style>
.sqs-block-html {margin-top:0.5vh; margin-bottom:0vh !important;
}
</style>

<style>
.portfolio-grid-overlay {
    padding-top: 1.0vw !important;
}
</style>

<style>
.page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.section-height--custom).section-height--small>.content-wrapper {
    padding-bottom: 1vmax !important;
}
</style>

 

Custom CSS for all pages

/*  decrease footer height  */
.page-section[data-section-id="5e404b652c320258133c629c"] {
    min-height: 0vh !important;
}
 

Share this post


Link to post
  • 0
2 minutes ago, IvanOB said:

Hi Tuanphan, yes used a combination of the below which may be longwinded but works fine

Code injection for the portfolio pages

<style>
.sqs-block-html {margin-top:0.5vh; margin-bottom:0vh !important;
}
</style>

<style>
.portfolio-grid-overlay {
    padding-top: 1.0vw !important;
}
</style>

<style>
.page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.section-height--custom).section-height--small>.content-wrapper {
    padding-bottom: 1vmax !important;
}
</style>

 

Custom CSS for all pages

/*  decrease footer height  */
.page-section[data-section-id="5e404b652c320258133c629c"] {
    min-height: 0vh !important;
}
 

you can combine

<style>
.sqs-block-html {margin-top:0.5vh; margin-bottom:0vh !important;
}

.portfolio-grid-overlay {
    padding-top: 1.0vw !important;
}

.page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.section-height--custom).section-height--small>.content-wrapper {
    padding-bottom: 1vmax !important;
}
</style

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0

@tuanphan

I have a similar issue on 7.1. I have a text section (bottom-aligned), with a Gallery Grid of logos below it. What is the best way to close the padding between these two sections? Should I remove the bottom padding of the text section, or remove padding from the Gallery Grid. How would you tackle with CSS?

Site page is: https://themontgomerycode.com/

InkedSection Padding_LI.jpg

Share this post


Link to post
  • 0
21 hours ago, benja231 said:

@tuanphan

I have a similar issue on 7.1. I have a text section (bottom-aligned), with a Gallery Grid of logos below it. What is the best way to close the padding between these two sections? Should I remove the bottom padding of the text section, or remove padding from the Gallery Grid. How would you tackle with CSS?

Site page is: https://themontgomerycode.com/

 

[data-section-id="5e52250d976c87268c02337b"] .gallery-grid.gallery-grid--layout-grid {
    padding-top: 0;
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...