Image/Color to header

In your style sheet (style.css), look for the area which has:

.main {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-top: 40px;
    width: 900px;
}

If you were to add to it border-top:10px solid #067bbd;
for example, this will add a blue border at the top.

So you would change the code above to:

.main {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-top: 40px;
    width: 900px;
    border-top:10px solid #067bbd;
}

You can change the colour and size if you want. Here’s a great site for finding the exact colour you want – https://0to255.com/

Brilliant!!!
Now I’m know I’m getting fancy but…
Is there a way to add a double border that’s 10px grey then 2px orange?

Thanks for the resource by the way.

It would be best to do that with an image instead. Can you upload the image via FTP? If so, here’s what you can do.

Create a 1px wide x 12 px tall image with the right colour. Save it as border.gif (for example) and then upload it to your theme folder in the images folder.

In your css use the following:

.main {
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-top: 40px;
width: 900px;
background:url(images/border.gif) top repeat-x;
}

Gotcha!
Thank you very much.

Hi,

I’m trying to upload via FTP but I can’t seem to find the images folder. There’s an images folder in wp-admin, is that where it would be?