Title: Header image repeating itself Last modified: August 21, 2016 --- # Header image repeating itself * Resolved [traysee100](https://wordpress.org/support/users/traysee100/) * (@traysee100) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/) * When I try to edit my CSS, there is no code in there for me to set it to NO REPEAT. Can anyone help? Viewing 11 replies - 1 through 11 (of 11 total) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3704975) * Don’t edit the files. Make your changes through a [Custom CSS plugin](http://wordpress.org/extend/plugins/custom-css-manager-plugin/). * Thread Starter [traysee100](https://wordpress.org/support/users/traysee100/) * (@traysee100) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705096) * Thank you for your response. I tried the Custom CSS and typed: * background-repeat:no-repeat * and then saved the changes and it reverts back to nothing and doesn’t make the change. What am I doing wrong? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705122) * See the CSS examples on this article [http://www.w3schools.com/css/css_howto.asp](http://www.w3schools.com/css/css_howto.asp) * Regarding the syntax of CSS. * [Borko](https://wordpress.org/support/users/media-x/) * (@media-x) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705126) * traysee,URL please. Basically,you want to stop the header image (not the background) to repeat itself. * Thread Starter [traysee100](https://wordpress.org/support/users/traysee100/) * (@traysee100) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705142) * MEDIA X: * URL is: [http://the-byrds-nest.net](http://the-byrds-nest.net) * Right, I know that I need to stop the header image from repeating, but I cannot figure out “how”… Thank you for your input. * [Borko](https://wordpress.org/support/users/media-x/) * (@media-x) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705144) * style.css @ line 390 * ` #header { background-image: url(images/header-bg.jpg); background-repeat: no-repeat; border-bottom: 1px solid #dfdfdf; } * Thread Starter [traysee100](https://wordpress.org/support/users/traysee100/) * (@traysee100) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705202) * Thank you Media X, I truly appreciate your help. Now, my image has changed, however, it is still repeating and the image is now too big and my title is lost. From WordPress, I just edited my widget Custom CSS with this code. I didn’t enter it in line 390 because I did not know how to do that. Is it time I paid someone for assistance with my blog? * [paulwpxp](https://wordpress.org/support/users/paulwp/) * (@paulwp) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705203) * In your Custom CSS plugin, just put this * ``` #header {background-repeat: no-repeat;} ``` * Copy and paste as is, don’t worry about the line number, he was just trying to tell where the code is to override. * Also, from a design point, if you could blur out both edges of your header bg image to be that solid blue and use that as background color (header area), it would look great. * Thread Starter [traysee100](https://wordpress.org/support/users/traysee100/) * (@traysee100) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705206) * Thanks Paul for the help! Here is the code that I entered: * #header {background-repeat: no-repeat; margin: 0 auto 0 auto; width: 1264px; height: 270px; } * This was so that I could get the image to center, however, even though my image is the size listed above, I have this weird top border and right-side border. I don’t know how those things got there! Do you know how I would go about removing those? * I’m also trying to figure out how to blur as you have suggested because I like that idea! * [paulwpxp](https://wordpress.org/support/users/paulwp/) * (@paulwp) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705209) * This’d take care of the bg alignment, use this instead of the previous. * ``` #header { background-position: 50% 0; background-repeat: no-repeat; } ``` * This’d get rid of the top most bar ( not sure if this is what you refered to as top border ). * ``` #header .top-bg { display: none; } ``` * It’s actually a design element to match site’s footer. I would keep it like that, it helps bring out the logo and white backgroud, but it’s up to you. * Thread Starter [traysee100](https://wordpress.org/support/users/traysee100/) * (@traysee100) * [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705219) * Thank you Paul! Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Header image repeating itself’ is closed to new replies. ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [header](https://wordpress.org/support/topic-tag/header/) * [repeat](https://wordpress.org/support/topic-tag/repeat/) * 11 replies * 4 participants * Last reply from: [traysee100](https://wordpress.org/support/users/traysee100/) * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-itself/#post-3705219) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics