Title: Header image repeating Last modified: August 22, 2016 --- # Header image repeating * [Abe](https://wordpress.org/support/users/abu117/) * (@abu117) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/) * Hi, * I’ve found this snippet of code to add an image to the header: * header.tc-header { /* Adjust the Image location ‘wp-content/uploads/NAMEOFFILE. png’ */ background: url([http://www.mydomain.com/image.png](http://www.mydomain.com/image.png)) repeat 0 0; } * The problem is, the image repeats across the header horizontally – am I missing something here? Viewing 15 replies - 1 through 15 (of 15 total) * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710279) * replacing `repeat` with `no-repeat` helps? * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710280) * Er, the code says repeat! * Try using: * ``` header.tc-header { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } ``` * [tlienhart85@gmail.com](https://wordpress.org/support/users/tlienhart85gmailcom/) * (@tlienhart85gmailcom) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710286) * This morning the header is not at the very top of the page. There’s about a 1/ 2-inch space above it. The top of the page that should be below the header is not visible * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710288) * hi tlienhart85, there’s an issue with the new DropCap feature in particular conditions. So go to Appearance > Customize > Content > Paragraphs , check it, uncheck it, Save & Apply. If it doesn’t solve your problem, you might want to open a new topic for this different issue. * [tlienhart85@gmail.com](https://wordpress.org/support/users/tlienhart85gmailcom/) * (@tlienhart85gmailcom) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710291) * That worked. Thanks for the quick response! * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710294) * You’re welcome. The issue is addressed, so I think will be sorted in the next release. * Thread Starter [Abe](https://wordpress.org/support/users/abu117/) * (@abu117) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710395) * This is just not working for me. WP 4.1 using the latest version of Customizr. * The image I am wanting in my header (centered above the slides) is at this location: [http://www.rxram.com/home.png](http://www.rxram.com/home.png) (950px X 100px). * I used your code you suggested above (rdellconsulting): * header.tc-header { background: url([http://www.rxram.com/home.png](http://www.rxram.com/home.png)) no-repeat center center fixed; -webkit-background-size: cover; -moz-background- size: cover; -o-background-size: cover; background-size: cover; } * When I check this it looks like this: [http://rxram.com/logo-stretched.jpg](http://rxram.com/logo-stretched.jpg) * You can see where the slider is positioned and you can see a part of the swirl that is in the right area of the logo ( [http://www.rxram.com/home.png](http://www.rxram.com/home.png)). Is the logo stretched out somehow? It looks like the logo is stretched? * Thanks for any help 🙂 * Abe * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710405) * That’s ’cause the header has a min height of 45px, or something of the sort. When you don’t use a logo, you don’t have social icons and tagline neither, so what should create the thickness you want? That’s totally normal. It’s how it must be. Who tells to customizr to set the header height you personally might want? 😛 * You might want to set a custom header height, pretty fixed but don’t forget different viewports (see media queries), with css. That’s all. 🙂 * Thread Starter [Abe](https://wordpress.org/support/users/abu117/) * (@abu117) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710406) * Thanks d4z_cOnf – but I’m hoping someone will actually give me an answer that I can use? * Thread Starter [Abe](https://wordpress.org/support/users/abu117/) * (@abu117) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710411) * For further clarity, this is the effect I am going for: * [http://rxram.com/example-with-logo.jpg](http://rxram.com/example-with-logo.jpg) * Thread Starter [Abe](https://wordpress.org/support/users/abu117/) * (@abu117) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710423) * that is a photoshop image I created – not the end result 🙂 Still need help please 🙂 * [tienduydng](https://wordpress.org/support/users/tienduydng/) * (@tienduydng) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710424) * background: url([http://www.mydomain.com/image.png](http://www.mydomain.com/image.png)) no-repeat top center; * Thread Starter [Abe](https://wordpress.org/support/users/abu117/) * (@abu117) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710425) * tienduydng – I love you 🙂 * [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/) * (@d4z_c0nf) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710432) * Glad you solved thanks to tienduydng, could you mark this topic as resolved? * Thread Starter [Abe](https://wordpress.org/support/users/abu117/) * (@abu117) * [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710515) * Actually, I have a new issue, so would like to continue please. * I used the code: background: url([http://www.mydomain.com/image.png](http://www.mydomain.com/image.png)) no-repeat top center; and added a height of 100px so my child css now includes this: * header.tc-header { background: url([http://www.rxram.com/images/logo.png](http://www.rxram.com/images/logo.png)) no-repeat top center; height:100px; } * The logo used in the above is 1170px X 100 px (width of slider) * This solved my issue **EXCEPT** when viewing in a smaller viewport. Then the logo simply disappears. * Could someone please advise what I would need to do? I’m assuming it has something to do with a “@media querie”? What would be the proper syntax for that? And would I need to make a smaller image of the logo as well? I’m a bit confused by this as I see other images on the site react responsively. * Thanks again in advance for any help 🙂 * Abe Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘Header image repeating’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png) * Customizr * [Support Threads](https://wordpress.org/support/theme/customizr/) * [Active Topics](https://wordpress.org/support/theme/customizr/active/) * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/) * [Reviews](https://wordpress.org/support/theme/customizr/reviews/) ## Tags * [header image](https://wordpress.org/support/topic-tag/header-image/) * [repeat](https://wordpress.org/support/topic-tag/repeat/) * 15 replies * 5 participants * Last reply from: [Abe](https://wordpress.org/support/users/abu117/) * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/header-image-repeating/#post-5710515) * Status: not resolved