How to change the size of the Header's image
-
Hi everyone,
I use the Imbalance theme.
I would like to know if it’s possible to change the size of the image I use in the header of my blog. I’ld like it to appear bigger.Thank you very much !
The blog I need help with is: (visible only to logged in users)
-
How much bigger do you want the image? Given the design of the header area, enlarging the header image on Imbalance 2 can be aesthetically challenging.
-
-
20% additional brings us to about 230px in width.
Upload a 230px logo image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your new image in the #site-title rule.
#branding { padding-left: 0; width: 230px; } #wrapper { width: 1000px; } .entry-content, .post_title h1, .post_title h2 { margin-left: 290px; } #site-title { background: url("URL_OF_IMAGE") no-repeat scroll 0 0 rgba(0, 0, 0, 0); clip: inherit; } #site-title a { color: rgba(0, 0, 0, 0); display: block; line-height: 150px; } img#header-image { visibility: hidden; }You may also wish to adjust the bottom padding in #header to bring the content up closer to the stuff in the header with the following.
#header { padding-bottom: 50px; } -
When I use this code, the right side of my new image is cut, so that part of the logo doesn’t appear on screen.
By the way, I opened another thread related to the same issue (https://en.forums.wordpress.com/topic/imbalance-header-customisation-blank-space-at-the-bottom?replies=3), maybe it would be better to merge the two threads? I’m sorry, I don’t know how to do it, I’m a newby at wordpress.
Thanks anyway
-
We aren’t able to merge threads, but I’ll close this one since you’ve picked this up in the other thread.
- The topic ‘How to change the size of the Header's image’ is closed to new replies.