Change Header Colour

  • Hi I need to change the header on my site to a different colour, the same yellow as my logo. I’ve looked up code for this and the one suggestion I saw included the words “header” but that changed the colour of the background around “Lastest Article”. I’ve included a link to a screenshot and highlighted the area I need the colour changed in.

    Any help would be great. Thanks.

    https://ibb.co/z4fRyR0

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

  • if you can show your website address then we can check and give you the CSS code to change the colour

    Thread Starter eyeballinblog

    (@eyeballinblog)

    Hmmm… It’s only in development, it isn’t live, so I don’t know how to do that? :/

    Thread Starter eyeballinblog

    (@eyeballinblog)

    Ok, so I’ve got this now: https://ibb.co/R7633bb
    I used the following code: header#masthead {
    background-color: #ffd800;
    }

    However, I don’t want the bit I’ve highlighted to be yellow, I want it to be white… Is this possible?

    Do you know how to use dev tools? They come with any browser. For Chrome, the Chrome Dev Tools (right click, inspect in Chrome) can help you find the bit of html in the DOM you’d like to change. There’s a little arrow tool in the upper left corner of the tools. Click that and then you can hover over the area in question and it should show that bit of code. You can then see the class/id names and the CSS being applied. You can play with the CSS in the tools but remember that those changes are only seen by you and will change once the page is refreshed.

    That should help you find the proper classes to change!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Header Colour’ is closed to new replies.