Need help? Check out our Support site, then

Need CSS code for making header image smaller in Elemin

  1. I got the domain from here.

    At the header image area is currently 990 x 150 pixels.

    The image you linked is also 990 x 150 pixels:

    If you just wanted to shorten up the space above the image, you could do this:

    #branding {
      padding-top: 0;

    And if you wanted to make header image smaller, you can adjust the hgroup background image like this:

    #branding hgroup {
      background: url( no-repeat center;
  2. Thanks, designsimply, but it doesn't seem to be working. I'm trying to shrink my header image down to about 50%-75% of where it's at now, but the second piece of code you provided above is not doing the trick. Any other suggestions???

  3. I checked your Appearance → Custom Design → CSS page and the CSS I mentioned isn't saved there:

    Can you try adding it?

    Note that the query string I added to the end of the image URL in the example above was a random size I picked because you never mentioned what size you wanted before. You can make it even smaller. Just change ?w=700 in the image URL to a smaller number.

  4. This is working now. You absolutely rule! Thank you so much.

Topic Closed

This topic has been closed to new replies.

About this Topic