Jump to content

Remove blankspace between header and content?!

Recommended Posts

Posted (edited)

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
  • 2 weeks later...
Posted
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

Posted
5 minutes ago, tuanphan said:

add to home > design > custom css


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

 

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

  • 6 months later...
Posted
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? 

Posted
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted (edited)

@tuanphan

It's the home page but I would like for all the pages to have little to no padding between header and content.

goldfish-carillon-tzxg.squarespace.com

password: lands

Thank you so much!

Edited by KimPaola
Posted

@tuanphan

Thank you - that worked!

Is there a way to get all the pages to have the similar padding? So the spacing between content and header look consistent in all pages.

  • 2 years later...
Posted

@tuanphan Sorry I know this is an old post but is there a way of getting rid of the blank space in the header outside of the usual parameters?  I am just building this site so not live but want to get rid of space between the logo and the navigation.  

 

 

Screenshot 2023-01-31 at 15.43.27.png

Posted
On 1/31/2023 at 10:44 PM, sinclairsynergy said:

@tuanphan Sorry I know this is an old post but is there a way of getting rid of the blank space in the header outside of the usual parameters?  I am just building this site so not live but want to get rid of space between the logo and the navigation.  

 

 

Screenshot 2023-01-31 at 15.43.27.png

What is site url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.