Need help? Check out our Support site, then


Need CSS code for making header image smaller in Elemin

  1. I got the domain http://www.allthingsattainable.com/ from here.

    At http://allthingsattainable.com/ the header image area is currently 990 x 150 pixels.

    The image you linked is also 990 x 150 pixels: http://allthingsattainable.files.wordpress.com/2012/01/cropped-all-things21.jpg

    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(http://allthingsattainable.files.wordpress.com/2012/01/cropped-all-things21.jpg?w=700) 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: https://allthingsattainable.wordpress.com/wp-admin/themes.php?page=editcss

    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