Title: Header image repeating
Last modified: August 22, 2016

---

# Header image repeating

 *  [emilydownward](https://wordpress.org/support/users/emilydownward/)
 * (@emilydownward)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/)
 * I’m new to CSS. And I’ve just migrated my site from WordPress.com to WordPress.
   org.
    I’ve created a child CSS with the changes I wanted to the Sela theme. That
   eliminated my header image, which I found code to replace and added that to my
   CSS. But now my header image is repeating, even though I specified “no-repeat:”
 * Here’s what I’ve got:
    .site-branding { position: relative; top: 0; background:
   url(‘[http://www.emilydownward.com/wp-content/uploads/2015/03/cropped-Emily-Downward_Life-Coach_Intuitive_Website-Header.jpg&#8217](http://www.emilydownward.com/wp-content/uploads/2015/03/cropped-Emily-Downward_Life-Coach_Intuitive_Website-Header.jpg&#8217););
   background-repeat: no-repeat; width: 1160px; height: 180px; margin: 0; margin-
   top: 0; }
 * My site is: [http://www.emilydownward.com](http://www.emilydownward.com)
    Thanks
   in advance for any help you can provide!

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [TouchCoding.net – Øyvind Sæther](https://wordpress.org/support/users/touchcoding/)
 * (@touchcoding)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/#post-5925981)
 * Hi Emily!
 * It looks like you’re having conflicting css rules in different files. Are you
   sure you have created a child them properly?
 * The css rule background-repeat: no-repeat, should do the trick, but another file
   is overwriting. It looks like you have been modifying your .site-branding rule
   more than once.
 * Look through your css files and check whether you have conflicting rules. Also
   make sure you have created a child theme and that you are only editing the css
   within that child theme.
 * Hope this helped you!
    TouchCoding.
 *  Thread Starter [emilydownward](https://wordpress.org/support/users/emilydownward/)
 * (@emilydownward)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/#post-5926064)
 * Thanks for the reply, TouchCoding.
    No, I’m not at all sure I created a child
   theme properly! 🙂 I’m learning through trial and error. But I did it again and*
   think* I got it right this time. I think I found the duplicate you mentioned,
   and I removed it, which stopped the repeat. Thank you!
 *  [TouchCoding.net – Øyvind Sæther](https://wordpress.org/support/users/touchcoding/)
 * (@touchcoding)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/#post-5926065)
 * No problem, Emily! Glad I could help 🙂 If you need help setting up a child theme,
   there is many tutorials on YouTube you could try 😉
 *  Thread Starter [emilydownward](https://wordpress.org/support/users/emilydownward/)
 * (@emilydownward)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/#post-5926070)
 * Yes, I’ve been watching a lot of those tutorials!
 * I have a follow-up question. The site title in the header is a link somehow, 
   and I don’t want it to be a link. Where can I find the code that affects that
   and/or remove that element?
 *  [TouchCoding.net – Øyvind Sæther](https://wordpress.org/support/users/touchcoding/)
 * (@touchcoding)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/#post-5926095)
 * Hey again Emily!
    This code is in the header.php file. It’s the “a tags” that
   makes it a link, but a much easier way to remove the link is by using css.
 *     ```
       site-title {
         pointer-events: none;
         cursor: default;
       }
       ```
   
 * If you want to edit the header.php file look for this code
 *     ```
       <a href="http://www.emilydownward.com/" title="Emily Downward" rel="home">Emily Downward</a>
       ```
   
 * And replace it with this:
 *     ```
       <h1 class="site-title">Emily Downward</h1>
       ```
   
 * Either way will solve your problem.
    TouchCoding
 *  Thread Starter [emilydownward](https://wordpress.org/support/users/emilydownward/)
 * (@emilydownward)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/#post-5926151)
 * Thank you, that removed the link. But why does it still look like a link (turquoise
   and underlined)? I put this in my css:
    .site-title { font-size: 36px; font-size:
   3.6rem; line-height: 1.3333; margin-bottom: 0; color: #505043; text-decoration:
   none; } But it’s still showing up formatted like a link.
 *  [TouchCoding.net – Øyvind Sæther](https://wordpress.org/support/users/touchcoding/)
 * (@touchcoding)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/#post-5926164)
 * You need to target the link and not only the class site-title.
 * If you do this:
 *     ```
       site-title a {
         text-decoration: none;
         color: #505043;
       }
       ```
   
 * This will overwrite the rules set to link and change the color and remove the
   underline. If you want to add more css to that link remember to add the “a” at
   the end 😉
 * Glad I could help
    TouchCoding
 *  Thread Starter [emilydownward](https://wordpress.org/support/users/emilydownward/)
 * (@emilydownward)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/#post-5926168)
 * Ok…I added that but it still looks the same (turquoise and underlined). I must
   have a competing code somewhere that’s overriding it, but where?

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Header image repeating’ is closed to new replies.

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [repeat](https://wordpress.org/support/topic-tag/repeat/)

 * 8 replies
 * 2 participants
 * Last reply from: [emilydownward](https://wordpress.org/support/users/emilydownward/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/header-image-repeating-1/#post-5926168)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
