Jump to content

Remove blankspace between header and content?!

Recommended Posts

Hello all!

Im on the Zion Taylor template trying to create a sleek and nice looking portfolio for my photography.
There is a frustrating problem though. I cant seem to minimize the space between the header and the 
gallery/content when I choose "full" as the page layout. For some reason if I instead choose "Full Bleed" the
white space will disappear and will move up to attach to the chosen height of my header. 

You can choose the page "WEDDING" to see the difference.

I've been in contact with the squarespace support and not even them could help me with my problem.

Im now turning my hopes to all of you and hope that you can help me solve this problem.

Site can be seen at: https://oboe-mackerel-mscw.squarespace.com
And pwd is: support

Thanks a lot for your help!

Edited by AngelicaHV
Link to comment
  • 2 weeks later...
On 11/10/2019 at 4:10 AM, tuanphan said:

@AngelicaHV Add to Home > Design > Custom CSS


.gallery-masonry[data-width="full"] {
    padding-top: 0;
}

 

How can I adapt this to my index page using the Ethan template? I've removed the Nav and Header bar, but there's a ton of space between the top of the page and the content. [see attachment] Thanks for the help.

Blank header space.png

Link to comment
20 minutes ago, paulcristo said:

add to home > design > custom css

.Index-page--has-image .Index-page-content {
    padding-top: 40px;
}

 

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
12 minutes ago, paulcristo said:

That worked! Thank you! Can I ask how you found that? Or do you just know this stuff?

I checked page's code...and found it.

You need to know HTML/CSS to do this.

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
  • 6 months later...
On 11/20/2019 at 4:15 PM, tuanphan said:

.Index-page--has-image .Index-page-content {

Hello there! 

I am having trouble removing padding (white space) between the header and the content - I used the code given above but it didn't work for me. I have 7.1 version - I'm new to this! Is there another code I can try? 

Link to comment
32 minutes ago, KimPaola said:

Hello there! 

I am having trouble removing padding (white space) between the header and the content - I used the code given above but it didn't work for me. I have 7.1 version - I'm new to this! Is there another code I can try? 

SS 7.1 use different code. Can you share link to page where you want to remove blank space?

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
16 minutes ago, KimPaola said:

@tuanphan

goldfish-carillon-tzxg.squarespace.com

password: lands

Thank you so much!

Add to Home > Design > Custom CSS

.blog-masonry.collection-content-wrapper {
    padding-top: 5px;
}

 

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.