- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
I need to know how to reduce the height of the header and footer. The theme I am using is Edison - Business.
Web site: http://www.christievo.com/
I am not new to creating web pages, but I am new to Weebly.
Thanks,
Mike
- Labels:
-
How To
-
site editor
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
I found this for the header:
Go to Theme > Edit HTML/CSS
Choose the header.html
Insert a new line after <body class="header-page">
Paste in the following code:
<style>
.wsite-section-content > .container
{
padding: 0px !important;
max-width: 90% !important;
}
</style>
The padding is what controls the header bar. Even with 0, header content will show, but it will overlap the background of your main page section. If you want the actual bar to show, increase the size of this padding (for example, 30 gives you approximately a 0.5" header bar), and adjust from there.
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Hey there! You'll want to click the area of the header, then click and drag the blue bar at the bottom. That should let you resize the header and sections freely.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
I tried that. It works to an extent, but I want to make the header more narrow than that process allows. It will not let me shrink it beyond a certain point.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
What is the effect you're looking to create? We may be able to find a solution for you here.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
I'm simply trying to reduce the amount of white space between the bottom of the header text and the body of the page.

- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
You'll probaby need to do that via CSS changes. Are you familiar with CSS, @mkchristie?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Yes, I am familiar with CSS. Can you give me a pointer as to where to change the code?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report

- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
I'd recommend looking at your page source to see what classes are used, so you can then search in the CSS files of your theme for what to change or add.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
any updates on this? really would love to change the default header size. as has been said, dragging the blue bar only goes so far. PLEASE provide the precise location.
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
I too am looking for a better answer to this. Adam or someone, can you please pick this back up to close the loop? That would be helpful. Thanks!
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
I found this for the header:
Go to Theme > Edit HTML/CSS
Choose the header.html
Insert a new line after <body class="header-page">
Paste in the following code:
<style>
.wsite-section-content > .container
{
padding: 0px !important;
max-width: 90% !important;
}
</style>
The padding is what controls the header bar. Even with 0, header content will show, but it will overlap the background of your main page section. If you want the actual bar to show, increase the size of this padding (for example, 30 gives you approximately a 0.5" header bar), and adjust from there.
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
THANK YOU THANK YOU THANK YOU! I kept looking for an answer and am so grateful to you for finally getting it right.
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Unfortunately, your solution did not work in my case What can be the reason?
Thank you.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report