Title: Child Theme Header
Last modified: August 22, 2016

---

# Child Theme Header

 *  Resolved [aclayto4](https://wordpress.org/support/users/aclayto4/)
 * (@aclayto4)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/child-theme-header-2/)
 * Hi
 * Sorry if this question has been asked many times before and i may not have the
   wording correct :). I have a website that is hosted by a 3rd party and only have
   a web-link to edit the theme. The 3rd party keep telling me its not easy to do
   this and it will cost a lot!!
    I am looking to change the colour of the header
   and footer with the hexcolour #4f1161. I have tried edit this to another colour
   by replace all but this doesnt work. The below code contains the hex colour also
   this is 10 other places within the child theme
 * #header {
    background:url(“image/home-section-bg.png”) repeat-x scroll center
   bottom #f3f3f3 !important; border-bottom: solid #4f1161 11px; background: #ffffff;
   clear: both; margin: 0 0 1em; padding: 1em 0 0; }
 * Website is silcocks.co.uk and the colour is purple
 * Any help would be appreciated

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

 *  [Luke Stacey](https://wordpress.org/support/users/daftduke/)
 * (@daftduke)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/child-theme-header-2/#post-5435055)
 * Hi there!
 * That’s no way to be treated by your 3rd party. Changing the color of the header
   and footer should be a simple task, not an expensive one!
 * Is this what you are trying to achieve : [Screenshot](http://postimg.org/image/5wr7odtjz/)?
 * If so, see if you can find these declarations:
 * #headerwrapper (line 1040 in your memorable child theme style.css file) replace
   the background color with your HEX code so it looks like this:
 *     ```
       #headerwrapper {
         background-color: #4f1161;
       }
       ```
   
 * #footer-widgets (line 125 in your memorable child theme style.css file) replace
   the background color with the HEX code so it looks like this:
 *     ```
       #footer-widgets {
         background-color: #4f1161;
         background-image: url("image/footer-tile.gif");
         background-position: 0 0;
         background-repeat: repeat-x;
         font-size: 0.84em;
         padding: 20px 0 0;
       }
       ```
   
 * I hope that helps a bit 🙂
 * Luke the Daft Duke
 *  Thread Starter [aclayto4](https://wordpress.org/support/users/aclayto4/)
 * (@aclayto4)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/child-theme-header-2/#post-5435191)
 * Hi Daftdukeu
 * Thank you very much, have changed the colour and now looks great. Thanks for 
   saving me money 🙂

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

The topic ‘Child Theme Header’ is closed to new replies.

 * 2 replies
 * 2 participants
 * Last reply from: [aclayto4](https://wordpress.org/support/users/aclayto4/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/child-theme-header-2/#post-5435191)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics