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

reducing padding between sections in version 7.1


IvanOB

Question

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
Link to post
  • Answers 10
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

/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) t

Thank you so much tuanphan - That did the trick for me! Been stuck on this for a minute.

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

Posted Images

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?

 

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.

Link to post
  • 0
On 1/6/2020 at 2:17 AM, IvanOB said:

in case the config weblink was showing it should be https://purple-chinchilla-4bnr.squarespace.com/ and password London0220

 

Have you solved yet?

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

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

 

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

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

 

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