Resize Decode Header Smaller

Resolved Scott Foshee
(@scott-foshee)

9 years, 8 months ago

The Decode header uses a lot of space at the top of the page. I need to resize it to take fewer blank lines, and also user fewer blank lines between the header and the page content. I’ve tried to locate this with Firebug but am not sure. Thank you for any help.

Viewing 11 replies - 1 through 11 (of 11 total)

janet4now
(@janet4now)

9 years, 8 months ago

Can you post a link to your site?

If you’re making changes to the css you’ll need to create a child theme or install a custom css plugin. Have you done either?

Thread Starter Scott Foshee
(@scott-foshee)

9 years, 8 months ago

Thank you – here is the link.

http://lallabee.com/wordpress/?page_id=5

Custom CSS editor – yes.
janet4now
(@janet4now)

9 years, 8 months ago
```
.site-header {
margin: 0 auto;
}
.entry-header {
display:none;
}
```
The only menu you have is under the page content. Was that what you wanted? Also, the entry-header that I’m hiding may not be what you want if you’re using it on other pages. You’ll have to target the home page only in that case.
Thread Starter Scott Foshee
(@scott-foshee)

9 years, 8 months ago

Thank you! That worked great for getting rid of the extra space at the top of the header. Is there a way to get rid of or reduce the space below the header too?
janet4now
(@janet4now)

9 years, 8 months ago
```
.site-branding {
margin: 24px auto -48px;
}
```
Thread Starter Scott Foshee
(@scott-foshee)

9 years, 8 months ago

OMG! You are the best! Thank you!! It actually worked! I am learning so much!

Can I do the same thing to reduce extra space between the photo and the custom menu at the bottom? I’m trying to make everything fit on one page with a minimum of scroll without having to mess with a floating custom menu at the bottom.

Also (last question!) I need to change the default font for the entire site to Tahoma, and make the font for the custom menu at the bottom of each page Tahoma Bold.

Thread Starter Scott Foshee
(@scott-foshee)

9 years, 8 months ago

Or maybe make the page a fixed height with the custom menu appear on the bottom of each page, to eliminate scrolling altogether.
janet4now
(@janet4now)

9 years, 8 months ago
```
.content-area article {
margin-bottom: 0;
}
```
```
.footer-menu .menu a {
font-weight: bold;
}
```
```
media="all"
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
font-family: Tahoma, Geneva, sans-serif !important;
}
```
The font change may not work: It looks like you may be able to select a font using the admin appearance. I don’t have the theme installed so you’ll have to look around or see if there is any documentation on the theme download page.
Thread Starter Scott Foshee
(@scott-foshee)

9 years, 8 months ago

Thank you! Everything worked except the font and the bold in the footer. It’s stubborn – I’ll contact the developer. Thank you so very much for all of your terrific help! I really appreciate it!
Thread Starter Scott Foshee
(@scott-foshee)

9 years, 8 months ago
I resized the page footers to 0 to get rid of the line above the bottom custom menu, and this works for all pages except for the blog page for some reason.
```
.footer-menu .menu a {
	margin-top: 0;
}
```
is what I used that worked. For the blog page I came up with
```
.page_id=69 .footer-menu .menu a {
	margin-top: 0 !important;
}
```
and this didn’t work. Here is the page:

http://lallabee.com/wordpress/?page_id=69

I’m not sure why the page designated as the blog page would be treated differently.
Thread Starter Scott Foshee
(@scott-foshee)

9 years, 8 months ago

Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Resize Decode Header Smaller’ is closed to new replies.

Tags