Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi Andrew, et. al.:
Is there a way to apply a gradient to a menu background in Vantage Premium?
Thanks,
HG/mws
Hi HG
The menu background is applied as follows:
.main-navigation { background: #343538; }So using that same selector you can add a gradient.
Ref: https://css-tricks.com/css3-gradients/
Something like:
.main-navigation { /* can be treated like a fallback */ background-color: red; /* will be "on top", if browser supports it */ background-image: linear-gradient(red, orange); /* these will reset other properties, like background-position, but it does know what you mean */ background: red; background: linear-gradient(red, orange); }Thanks again Andrew. I’ll test it and let you know how it turned out.
HG
For sure :)
Wait, the code is different on this site.
https://css-tricks.com/css3-gradients/
You have the above, then you have this:
.gradient { background-image: linear-gradient( 45deg, red, #f06d06 ); }Where does that fit in with this?
.main-navigation { /* can be treated like a fallback */ background-color: red; /* will be "on top", if browser supports it */ background-image: linear-gradient(red, orange); /* these will reset other properties, like background-position, but it does know what you mean */ background: red; background: linear-gradient(red, orange); }