Hello,
I need to set a gradient color (2 colors) background on a row in homepage.
How can i do this please ?
Regards,
Nico
here is an online generator to make the css rules : Link
i don’t know what you mean by row – one easy way is to give it a custom class.
As a background-image definition it lays over the background-color
if you got the code f.e.:
.custom-class {
background-image: -ms-linear-gradient(top, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
background-image: -moz-linear-gradient(top, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
background-image: -o-linear-gradient(top, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(30,87,153)), color-stop(100, rgb(125,185,232)));
background-image: -webkit-linear-gradient(top, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
background-image: linear-gradient(to bottom, rgb(30,87,153) 0%, rgb(125,185,232) 100%);
}
Hi,
Thanks a lot for your answer. That’s a good idea.
I found another solution. Indeed my graphist also sent me some diagonal gradients to apply :).
So the best way to reproduce his graphic template was to use simple image background. It’s heavy but it works :)
Best regards,
Nicolas
Hi,
I’m glad to hear you were able to find a working solution. If you need additional help, please let us know here in the forums!
Best regards,
Jordan Shannon