Title: Changing Header Image Last modified: August 18, 2016 --- # Changing Header Image * Resolved [johnhds](https://wordpress.org/support/users/johnhds/) * (@johnhds) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/) * I am using the Connections blog and want to change the “traffic image” to one that I designed, but don’t know where to make the change. I have read the template changes but am not sure where to insert the url. I have the url of my image. * [http://www.homedesignsense.com/blog](http://www.homedesignsense.com/blog) Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/changing-header-image-1-2/page/2/?output_format=md) [→](https://wordpress.org/support/topic/changing-header-image-1-2/page/2/?output_format=md) * [Nicki Faulk](https://wordpress.org/support/users/nitallica/) * (@nitallica) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440609) * Hi 🙂 * The path I see to the header image is /blog/wp-content/themes/connections/img/ top.jpg * So you can either: * a.) Name your new image and replace the top.jpg file in that directory. * Or: * b.) Change the path in your style.css file in the /blog/wp-content/themes/connections/ directory. * (Hint: look for “top.jpg” in the file and replace it there) * Thread Starter [johnhds](https://wordpress.org/support/users/johnhds/) * (@johnhds) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440643) * Well, I got it part correct. The top.jpg image is gone but mine didn’t appear. What did I do wrong? My image is: * http//www.homedesignsense.com/blog/personalheader.jpg * [moshu](https://wordpress.org/support/users/moshu/) * (@moshu) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440651) * Just try to type your own domain without TYPO in your stylesheet 🙂 * [Nicki Faulk](https://wordpress.org/support/users/nitallica/) * (@nitallica) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440656) * D’oh! Tacky fingers strikes again! 🙂 * Thread Starter [johnhds](https://wordpress.org/support/users/johnhds/) * (@johnhds) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440658) * OK did that, but the image is hardly showing. Where is the rest of it? * [vkaryl](https://wordpress.org/support/users/vkaryl/) * (@vkaryl) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440660) * Is your image the same size as the original? If not, you’ll have to edit the css to give it new height/width dimensions. * Thread Starter [johnhds](https://wordpress.org/support/users/johnhds/) * (@johnhds) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440661) * Where do I find the orginal’s size? * [Doodlebee](https://wordpress.org/support/users/doodlebee/) * (@doodlebee) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440662) * In your stylesheet, you have the image set, but you have the position set as only “bottom”. If you set one part of the position, you *have* to set the other. Change “no-repeat bottom” to “no-repeat left bottom” * Of course, when you do that, the bottom of th eimage shows up. If you want the top, it should be “no repeat left top”. (It’d probably do you well to change the size of your image, as only part of it is showing up.) * Thread Starter [johnhds](https://wordpress.org/support/users/johnhds/) * (@johnhds) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440665) * Where do I find the size of the original image, so I can make mine the same height and width? * [vkaryl](https://wordpress.org/support/users/vkaryl/) * (@vkaryl) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440668) * In the images folder, right click on the image and select properties. Sometimes just hovering over the image will show the right info, depending on browser. * Thread Starter [johnhds](https://wordpress.org/support/users/johnhds/) * (@johnhds) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440682) * OK. I’ll do a new size an let you know. The size of the original is w=787px x h=185px in case you wanted to know 🙂 * [vkaryl](https://wordpress.org/support/users/vkaryl/) * (@vkaryl) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440684) * Yep, that’s the easiest way to ease into your own header graphic; other solutions can whack the whole layout. * Thread Starter [johnhds](https://wordpress.org/support/users/johnhds/) * (@johnhds) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440837) * OK. I got it to work. It’s not exactly centered, but close. Can it be better centered? * [http://www.homedesignsense.com/blog](http://www.homedesignsense.com/blog) * [yosemite](https://wordpress.org/support/users/yosemite/) * (@yosemite) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440841) * You should check out connections reloaded at [http://ajaydsouza.com/wordpress/wpthemes/connections-reloaded/](http://ajaydsouza.com/wordpress/wpthemes/connections-reloaded/) * If nothing else, he posted a seperate header image that can be manipulated (without losing shadings/border like yours). * [Doodlebee](https://wordpress.org/support/users/doodlebee/) * (@doodlebee) * [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/#post-440842) * CHange this in your stylesheet: * #header { background:#fff url([http://www.homedesignsense.com/blog/bloghead.jpg](http://www.homedesignsense.com/blog/bloghead.jpg)) no-repeat left bottom; * to this: * #header { background:#fff url([http://www.homedesignsense.com/blog/bloghead.jpg](http://www.homedesignsense.com/blog/bloghead.jpg)) no-repeat 6px 10px; Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/changing-header-image-1-2/page/2/?output_format=md) [→](https://wordpress.org/support/topic/changing-header-image-1-2/page/2/?output_format=md) The topic ‘Changing Header Image’ is closed to new replies. * 16 replies * 6 participants * Last reply from: [johnhds](https://wordpress.org/support/users/johnhds/) * Last activity: [19 years, 8 months ago](https://wordpress.org/support/topic/changing-header-image-1-2/page/2/#post-440843) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics