Need CSS code for making header image smaller in Elemin
-
Posts
-
Here is the image link: http://allthingsattainable.files.wordpress.com/2012/01/cropped-all-things21.jpg
Thanks!
The blog I need help with is allthingsattainable.com.
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; }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???
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.
This is working now. You absolutely rule! Thank you so much.
The topic ‘Need CSS code for making header image smaller in Elemin’ is closed to new replies.
