Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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 6 years, 10 months ago by plichart1.
    #902104

    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%);
    }

    see here: https://webers-testseite.de/background-gradient/

    #902569

    Hi,

    Thanks for sharing @guenni007, did you try that out @plichart1?

    Best regards,
    Rikard

    #902769

    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

    #902784

    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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Gradient background’ is closed to new replies.