Header with color gradient

MadMax94 · January 2016

Hallo

i have a question.

Is it possible to give the header and the footer a color gradient?

I try this code and it works but its not the main header.
#Header { background:linear-gradient(to left, navy, green)}

Here is a picture of the area i mean: http://s0.dealhero24.de/header/

And i have another question.

Have you a list with all selectors or where can I find it?

Sincerely,
Max

Albert · January 2016

Hi Max,

we are sorry but we do not have any solution to set gradient for header or footer sections.

Thanks!

MadMax94 · January 2016

it was a bit difficult for me but I found it.

This works
#Top_bar, #Header_creative, #Top_bar #menu { background:linear-gradient(to left, navy, green)
}

MadMax94 · January 2016

ok after the update to the lates version of betheme the code does not work.

And i cant find any part in the css file that can change the color.

Why it does not work after the update?

Albert · January 2016

You must did something wrong because we already used above css what you can see on http://pasteboard.co/17PcPzEW.png and the background is gradient color.

MadMax94 · January 2016

Ok thanks it works now

I dont know why but i have to put the code in custom css to the top and then it works.

Albert · January 2016

That's simple - it means you have errors in Custom CSS section and any css under the place where you got error, won't work.

adulthomehealth · May 2016

What is the CSS for the footer gradient? I noticed the header works for desktop but not for mobile.

Albert · May 2016

@adulthomehealth For the footer section, you can use the following one:

#Footer { background: linear-gradient(to left, navy, green) !important; }

Header with color gradient

Comments