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

Technical Q&A
1

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

GustavoAlves_0-1671305397258.png
GustavoAlves_0-1671305397258.png1917×1008 633 KB

2

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;
}