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.

Okay
  Public Ticket #2147815
Gradient background row
Closed

Comments

  • 9periodico started the conversation

    Hi,

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

    Thanks!

  •  538
    Qode replied

    Hi, 

    To add gradient background on the row, first add Extra class name for row in "Row Settings" ( gradient for example - https://www.screencast.com/t/F96BImXnv ). 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  https://www.screencast.com/t/Lnh8oc4r7EwN ).

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

    https://www.w3schools.com/css/css3_gradients.asp

    Hope this helps!

    Best regards,

    Kevin


    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.