How to reduce the header area?

  • Unknown's avatar
    ifyoumustspeculate · Member ·

    I would like to reduce the header area so that I can reduce the need to scroll down. I tried to do this in the “customize” / “header” area, but there is no way to do it there. How can I do this? I tried with different themes, but this seems like a consistent problem.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    We cannot provide an accurate response because each theme is designed differently and has different header dimensions. Your site is also private so we Volunteers cannot view it and see which theme you are currently using.

    These themes support custom image headers http://theme.wordpress.com/themes/features/custom-header/

    To see which themes support flexible headers you can use the flexible header filter in the Theme Showcase. http://theme.wordpress.com/themes/features/flexible-header/

  • kathrynwp · Staff ·

    I don’t see a custom header on this site at the moment: http://trailbrakecapital.com/

    Are you trying to decrease the small amount of whitespace above your site title? If so, try adding some custom CSS like this: 

    .site-branding {
  margin-top: 0;
  padding-top: 0;
}

    I noticed that you’ve hidden the site credits with CSS, but that isn’t something we allow. Credits must be preserved, and while you may change their appearance with CSS, they must still be readable:

    May I remove credit links such as ‘Blog at WordPress.com’, theme, font, or toolbar links?
    All WordPress.com users are required to maintain the credit links, even our VIP bloggers. Please do not hide or alter text or links for the footer credits or the toolbar. Modifying the style of the footer text (i.e. colors and font size) is fine as long as it’s still readable.

    – Custom CSS FAQ

    Please restore the credits so they are visible. Making them white would work well with your colour scheme but still keep them legible.

    To do that, remove this:

    #colophon.site-footer, #colophon.site-footer a {
	color: #e8e8e8;
}

    And add this instead:

    .site-info, .site-info a {
	color: #fff;
}

    Let me know how it goes.

  • The topic ‘How to reduce the header area?’ is closed to new replies.