First, thanks for contributing such a nice theme to the Drupal community! Now... a quick question. How do you change the height of the header (black section) at the top of the page? More specifically, which CSS element should I update? I'm trying to reduce the height to maybe 80px and i've tried editing the clearfix element and the header element... and neither quite does the trick...

Thanks in advance for your help!

Comments

Mambo89’s picture

Mambo89 commented

Iwould also like to know how to change height of header(CSS).

Thanks for answer, by

zinv’s picture

zinv commented

you can change the height by changing the padding of #headerleft in style.css

MikeAlbrecht’s picture

MikeAlbrecht commented

do the same to headerright... more specifically, change the 6em to something smaller:

#headerleft, #headerright {
  padding: 6em 0;
}
cookiesunshinex’s picture

cookiesunshinex commented

I don't find a headerleft or headerright in style.css.

I decreased the height of the black space at the top by changing these variables in style.css

#search-theme-form {
margin: 20px 20px 0 0; <--- changed the first number to 20px
}

#logo {
padding: 10px 0 0; <--- changed the first number to 10px
}

#header {
height: 75px; <--- changed to 75px
}

sheena_d’s picture

sheena_d commented
Status: Active » Closed (fixed)

Hi,

Maintenance of this theme has changed hands and we are no longer supporting this version of the theme. You may want to try upgrading to see if that fixes your problems. Sorry for any inconvenience.

Thanks,
Sheena