WordPress.org

Ready to get started?Download WordPress

Forums

Codium Extend
[resolved] How to decrease height of header? (5 posts)

  1. ukarakaya
    Member
    Posted 2 years ago #

    Hello,

    I am using an image as the header. However, I want to use a header image with height of 120px. But it always scales it. I tried to modify the style.css but could not manage to do so. Does someone can help me to modify header height? Thanks in advance.

    Utku

    http://wordpress.org/extend/themes/codium-extend/

  2. peredur
    Member
    Posted 2 years ago #

    A link to your site would help us.

    Cheers

    PAE

  3. ukarakaya
    Member
    Posted 2 years ago #

    http://www.utku.co

    it's draft version but you can see the excessive space above header.

    regards,
    utku

  4. peredur
    Member
    Posted 2 years ago #

    There is no space (worth talking about) above the header. The header image is 250px high and mostly white, and there is a height rule on the header:

    div#header {
     ... /* other rules */
      background-image: url("http://www.utku.co/wp-content/uploads/2011/10/UK_logo1.png");
      ... /* other rules */
      height: 230px;
    }

    I suggest you alter the height of the image, using an image manipulation program and then upload the modified image in place of the current one (having saved the original first, of course). Then you'll need to modify the height rule on the #header div. Since the height rule is in a style block in your page, rather than in an external style sheet, you will have to use specificity to override it. Something like:

    div#wrapperpub div#header {
      height: /* whatever height you want here */
    }

    As usual, I would advise you to follow the advice of the WP developers and make your changes to your theme in a Child Theme.

    Cheers

    PAE

  5. ukarakaya
    Member
    Posted 2 years ago #

    Well, it works :) I changes wrapperpub as follows.

    #wrapperpub{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; width:980px; height: 120px; text-align:left}

    With IE8, there was a little bit shift in header position. So I changed margin (in div#header) from 7px to 0px as follows. Now it's all OK.

    div#header{margin:0 0 0 0; padding:1em 1em 1em 1em; height:8em; background:transparent}

    Thank you very much for your support.
    regards,
    utku

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic