Support » Theme: Codium Extend » [Theme: Codium Extend] How to decrease height of header?

  • Resolved ukarakaya

    (@ukarakaya)


    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/

Viewing 4 replies - 1 through 4 (of 4 total)
  • peredur

    (@peredur)

    A link to your site would help us.

    Cheers

    PAE

    ukarakaya

    (@ukarakaya)

    http://www.utku.co

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

    regards,
    utku

    peredur

    (@peredur)

    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

    ukarakaya

    (@ukarakaya)

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Theme: Codium Extend] How to decrease height of header?’ is closed to new replies.