Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

  Public Ticket #2147815
Gradient background row


  • 9periodico started the conversation


    Is there a way to set a gradient backround to specific row horizzontal or vertical to another one?


  •  538
    Qode replied


    To add gradient background on the row, first add Extra class name for row in "Row Settings" ( gradient for example - ). Then use this class for custom css to add horizontal gradient background:

    .gradient {
      background-image: linear-gradient(#fff, #000);

    and for another row to set vertical gradient background add different Extra class name ( vertical-gradient for example ) and use this custom css:

    .vertical-gradient {
      background-image: linear-gradient(to right, #fff , #000);

    just paste this custom css to Custom css field on the page ( please see screenshot ).

    You can check different gradient background options in the link below:

    Hope this helps!

    Best regards,


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.