Header Colours 7.1

Site URL: https://www.exposethewild.com/

I am looking for a way to add a different coloured stripe to the bottom of my header and possibly the top of my footer.

Before switching to 7.1 I used this code

.Header.Header--bottom {background-color: #434515;}.Footer {background-color: #434515;}

Obviously that does not work with 7.1

I am hoping I can do the same in 7.1 but as of yet have not been able to figure it out. Any help would be greatly appreciated!

I've managed to cheat it on the main page by adding sections to the top and bottom and using a custom css to change the min height of the sections. However, I would need to add sections to every single page and every new blog post I make to keep these stripes the same across my whole site. I really hope someone knows how to make something like this part of the header and footer.

You mean header/footer background color or border color???

If border, use this code

header#header:after {
    content: "";
    background: red;
    height: 5px;
    width: 100%;
    display: block;
} 
footer.sections:before {
    content: "";
    background: red;
    height: 5px;
    width: 100%;
    display: block;
}

On 2/13/2021 at 6:51 PM, tuanphan said:

You mean header/footer background color or border color???

If border, use this code

header#header:after {
    content: "";
    background: red;
    height: 5px;
    width: 100%;
    display: block;
} 
footer.sections:before {
    content: "";
    background: red;
    height: 5px;
    width: 100%;
    display: block;
}

This is exactly what I wanted. Thank you so much!