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

Question

Site URL: http://www.lisaeggleston.com

After inspecting the code for the main page of my site, I found that I have a bunch of empty space between the title and the body content due to -

element.style {
    margin-top: 241px;
}

In the inspect module, when I change 241px to 0px, it's perfect, but I can't seem to translate that to my CSS insert. Since this is just the whole page and not a block, I'm not sure how to identify it. I've tried main-site, main, site, site-page, body... 😞

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

Use this code

#page {
    margin-top: 0px !important;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Hi Lisa.

You should be able to reduce the page margin within Squarespace somehow without overriding the CSS. 

But if you can't find how to do that, try the following CSS:

#page {
    margin-top: 0px;
}

'page' is the id of the main content in your page.

Cheers,
Stephen.

Share this post


Link to post
  • 0

That didn't work.

I added some CSS to keep the header from being sticky, and that's when I started getting all the extra space. I think this is the space that would usually be behind the header if it were there. Here's what I used -

@media screen and (min-width:641px) {
.header-announcement-wrapper {
   position: static;
}

I went with static rather than absolute because absolute was sometimes merging my logo with content when the page loads. Static works much better, but now I have to deal with this margin.
 

Share this post


Link to post
  • 0
12 hours ago, tuanphan said:

Use this code


#page {
    margin-top: 0px !important;
}

 

I was sure I tried that and all I got was a syntax error. But I figured I'd copy and paste your's just to be sure I didn't mess something up, and it works. Ugh. Annoying and grateful. Thanks again 

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