How can I use two different colors in my debut footer?

Store Design
1

Hey guys. I need your help. I want to use two different colours in my debut footer. for the above and below the line section. is there a code for this? Ty

www.gaming-equip.de

1testzugang!

MarCologne_0-1644390337887.png
MarCologne_0-1644390337887.png823×215 28.5 KB

1 Like
2

@MarCologne ,

Please add this CSS to your css file

footer.site-footer.critical-hidden {
    background-image: linear-gradient( #fad696 78%, #d8cab3 20%) !important;
}

Thanks!

3

@MarCologne
You can add it by the custom code,
But now both sections are in one, you have to separate first both of them.
By adding the div tag and class,

For that you have the prior knowledge of coding, you have to learn about that,
learn from this link
https://www.w3schools.com/html/default.asp

4 
div#shopify-section-footer{
    background-image: linear-gradient(#fad696, #ffffff) !important;
}

@MarCologne
if you need gradient then add this code.
in the bottom of the theme.css file.