-
AuthorPosts
-
January 24, 2018 at 10:53 am #902037
Hello,
I need to set a gradient color (2 colors) background on a row in homepage.
How can i do this please ?
Regards,
Nico-
This topic was modified 7 years, 9 months ago by
plichart1.
January 24, 2018 at 12:34 pm #902104here 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-colorif 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%); }January 25, 2018 at 6:02 am #902569January 25, 2018 at 11:51 am #902769Hi,
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,
NicolasJanuary 25, 2018 at 12:24 pm #902784Hi,
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 -
This topic was modified 7 years, 9 months ago by
-
AuthorPosts
- The topic ‘Gradient background’ is closed to new replies.
