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

reducing padding between sections in version 7.1

Recommended Posts

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

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

 


Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

Share this post


Link to post

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

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

 


Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

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