Jump to content

How to remove white space or white margin below header

Recommended Posts

I am trying to remove the white space, padding, or margin located below the header, and above the image block in a page layout (this page is not linked to my website, so it is not viewable — please refer to the screenshot). I've tried many variations of custom css, but no option has solved this issue. Your help will be most appreciated.

Screen-Shot-2023-10-16-at-7.51.36-PM.jpg

Link to comment
  • Replies 10
  • Views 1.7k
  • Created
  • Last Reply

Top Posters In This Topic

10 hours ago, BradleyK said:

I am trying to remove the white space, padding, or margin located below the header, and above the image block in a page layout (this page is not linked to my website, so it is not viewable — please refer to the screenshot). I've tried many variations of custom css, but no option has solved this issue. Your help will be most appreciated.

Screen-Shot-2023-10-16-at-7.51.36-PM.jpg

Hi,

Which page in screenshot?

10 hours ago, BradleyK said:

I'd like to have the same white margin below the header as seen on my homepage which is an index page: https://ivesgrafik.com

I don't see white margin

image.thumb.png.bc2c66444b268d2a6945bd9d80587e30.png

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

Link to comment

I'm getting closer with the code. Here's what I entered:

section#container {
      padding: 0px !important;
      margin-top: 100px !important;
}

It still affects my WORK Index Page and Gallery Pages as it is cropping the images, and text.

When you open my STUDIO page (A Blank Page populated with Text and Image Blocks), the CSS code behaves the way it should.

Please refer to the attached.

Thanks,

Brad

1_IndexPage.jpg

2_GalleryPage.jpg

3_Page.jpg

3_Page.jpg

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.