Need CSS code for making header image smaller in Elemin

• 

  davidmblanke · Member · Jan 19, 2012 at 10:03 pm

  • Copy link
  • Add topic to favorites

  Here is the image link: http://allthingsattainable.files.wordpress.com/2012/01/cropped-all-things21.jpg

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Jan 20, 2012 at 12:14 am

  • Copy link

  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;
  }

• 

  davidmblanke · Member · Jan 20, 2012 at 1:34 am

  • Copy link

  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???

• 

  designsimply · Member · Jan 20, 2012 at 1:43 am

  • Copy link

  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.

• 

  davidmblanke · Member · Jan 21, 2012 at 10:19 am

  • Copy link

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