How to Update the Banner Image
Posted on | October 27, 2009 | 23 Comments
I get a lot of questions about adjusting the banner image and I figured it was time for me to write a post about it.
The easiest way to change it is to upload a new image into the theme images folder with the same name as the existing banners. If you don’t change the height, then that’s all you need to do. If you look in the images folder for the theme, you’ll see the images listed below.
- banner.jpg – home and post pages
- banner1.jpg – regular/navigation pages
- banner2.jpg – category pages
The only thing you want to watch out for is if you have to change the dimensions of the image. Height is ok to change, but changing the width is going to give you problems. If you need to change the height, you’ll need to modify the CSS. Look for this:
#banner { background: url("images/banner.jpg") no-repeat; height:134px; }
#banner1 { background: url("images/banner1.jpg") no-repeat; height:134px; }
#banner2 { background: url("images/banner2.jpg") no-repeat; height:134px; }
Just change the height to whatever your new image is.
That should get you all squared away.
Comments
23 Responses to “How to Update the Banner Image”
Leave a Reply
October 29th, 2009 @ 6:54 pm
Great info. Can a banner image help with SEO? Or do the search engines only see an image?
October 30th, 2009 @ 6:35 am
how does search engine see the banner image by just reading its Alt text?
November 2nd, 2009 @ 9:13 am
@Debt Settlement leads
Search engines don’t “see” images. The only benefit an image has (for search engines) is with alt text.
November 2nd, 2009 @ 11:48 pm
Thanks for the info. Yep, its that alt tag that carries the power for the image, we also name the images properly too, and get them indexed for image searches.
November 4th, 2009 @ 2:52 pm
Thanks for this info. I was having problems adjusting the dimensions of my banner and couldn’t figure out why. so thank you for letting me know not to adjust the width.
November 12th, 2009 @ 2:00 am
Awesome theme design…. this design rocks
November 13th, 2009 @ 1:05 am
Hi there. I am just installing your theme, and it’s been a great addition. One question, though. How do I change the “About” and “Subscribe to this feed” areas on the home page?
Thanks!
November 17th, 2009 @ 7:16 pm
I just downloaded your theme (I’m new to wordpress and html, etc, etc!) I was trying to add a background image to be on the right and left hand side of the page – but everytime I add the image url it makes the image appear across the whole web page (except the wrap & masthead). Can you help me figure it out? Thanks!
November 20th, 2009 @ 9:51 am
okay thanks a lot for this info. then how do I change the url link … thank you for the answer.
November 23rd, 2009 @ 1:45 am
Hi,
is there any way of removing the verticle line at the top of the page too?
Thanks
December 6th, 2009 @ 4:00 am
The theme is great. A few minor suggestions:
- I added the author name/link on both the homepage and article page. I also added an edit button (seems weird to leave this out!)
December 6th, 2009 @ 4:01 am
Oh…and there’s no link to this site! I added that, too!
December 6th, 2009 @ 3:34 pm
I didn’t like the huge amount of vertical space between posts, so I changed the padding from 42 to 0, but that moved the top post on the homepage (and the post on every sub page) right underneath the banner, so there’s no elegant way to control the distance between the banner and the top posts. This is what I did on the homepage (the break tags line op the top post with the right two columns):
<a href="” rel=”bookmark”>
December 6th, 2009 @ 3:35 pm
code seems to have not transferred:
<a href="” rel=”bookmark”>
December 8th, 2009 @ 9:23 am
@Josh
So did you get it all figured out? It looks like you might have. Big space between banner and first post, but small space between each post.
Let me know if you still need assistance.
January 4th, 2010 @ 4:37 am
I am using thiis lovely theme but I get problems with photos, they don’t go to the right side, always on the left even if I upload them on the right or if I align right them….Thanks for your help.
January 4th, 2010 @ 4:39 am
Also, I have been using the theme for two weeks and the banner would perfectly appear but just yesterday until now I don’t see it
January 4th, 2010 @ 9:08 am
@Mirage,
You should be able to align the image to the right by adding the class to the image.
Not sure what’s up with your banner. If it used to work I would say to look back at your last couple of edits to see if something has changed.
January 13th, 2010 @ 6:01 am
nice theme … i use it
January 14th, 2010 @ 4:20 am
Thank you, that helped me alot
January 17th, 2010 @ 6:43 pm
Hey Drew! How did you create the banner images? Splatters in Photoshop? I really like it and I want to create ones.
Thanks
January 18th, 2010 @ 5:03 am
‘Search engines don’t “see” images. The only benefit an image has (for search engines) is with alt text.’
Exactly, but you cannot ad al text to a background image.
January 18th, 2010 @ 9:03 am
@Fabio Brolesi
I used a photoshop brush plugin for the paint splatters.