Pre Built Website – Alternative Energy – Remove Space Between Header & Body
- This topic has 10 replies, 2 voices, and was last updated 6 months, 3 weeks ago by
.
-
Posts
-
I wanted to give you an update as this may help others that are wanting to get the same results that I am trying to achieve. I thought I was making progress until I messed up my header seetings. Now I want to remember the steps involved to upload the original header. Lesson learned, I should have made a copy and edited the duplicated version.
I created a test page and saw in this support forum how to disable the page title and that also removed the big empty black space between the header and the content at the top of the page.
This removed too much area and I needed to create some blank space so that there would be some padding as some of the page content was above the top page and not visible. The header was also not being displayed. I added a spacer and colored the container green so I could identify its area in a browser as I previewed my edits.
I did not save a screenshot as what it looked like at this point. The header was too high though and some of it was missing. I finally figured out the solution which was adding space to the top section of the header. During this process though, I messed up some of the other settings so I need to start over.
I finally got the measurements of the page and the header how I want them. I just need to fix my header. I am hoping for an easier way to do this so it is either in the php or css so I don’t have to do this for every new page I create.
Here is how it looks in the browser.
At this point I am unsure what I have done to get the spacing figured out on a test page but unable to duplicate the same settings on new pages. The picture below is what I am wanting the settings to be by default for every new page created.
I was able to upload the original header that I made edits to. So I have that back up saved now.
I will provide a link to the test page that is pictured above in the Extra Information section.
Thank you for the header json.
How do I get space between the bottom of the header and all my website pages.
I need 30 pixels of margin between the bottom on the header and the top of every existing and new page created.
This seems like it should be a simple solution but I have not been able to find any css or html that works. Or maybe I am entering it in the wrong location.
I tried this but it only bought down both the header and the page, I deally, I would like to add code to one place that will bring the top of the page down even with the bottom odf the header.
selector {
margin-top: 50px;
}
I entered this html to a blog post and it was close to giving me the results I was looking for. I just needed more space.
<html>
<head>
</head>
<body>
</body>
</html>
This is what I am looking for as results. I would like this to happen automatically so I do not need to add html to every single page manually.
<html>
<head>
</head>
<body>
<div style=”height: 80px;”></div>
</body>
</html>” alt=”Picture” />
This is where I put it in the pages.
I can’t figure this out. Nothing is working for the shop page. I tried this code:
selector .woocommerce-page {
padding-top: 50px;
}
