How can I add a gradient to my website's header and footer?

[GustavoAlves]

Does anyone know how I can put the header background with a gradient? If possible talk to me with Header and Footer. I would really appreciate it, I've tried several ways and none of them worked.
If you want to see the website: www.colorluzes.com.br

[ZestardTech · Accepted solution]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset >theme.css and paste this at the bottom of the file:

header.header.header--inline.header--search-expanded {
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12)!important;
}
nav.nav-bar {
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12)!important;
}
footer.footer {
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12)!important;
}