Child Theme Header

  • Resolved aclayto4

    (@aclayto4)


    11 years, 9 months ago

    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

    (@daftduke)

    11 years, 9 months ago

    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 ?

    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

    (@aclayto4)

    11 years, 8 months ago

    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.