Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 11, 2016 at 7:44 pm #671530
    STATSmkt

    I was just wondering if you’d be able to help me add a gradient overlay over a background image that is set in a color section.

    I used the following code, but the background image always goes over it:

    #level2-header {
    background: -webkit-linear-gradient(60deg, #268545, #2f80a5);
    background: -o-linear-gradient(60deg, #268545, #2f80a5);
    background: -moz-linear-gradient(60deg, #268545, #2f80a5);
    background: linear-gradient(60deg, #268545, #2f80a5);
    z-index: 9999;
    }

    Hope you can help, thanks!

    August 15, 2016 at 12:18 pm #672618
    Yigit

    Hey STATSmkt,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #level2-header .av-section-color-overlay {
background: -webkit-linear-gradient(60deg, #268545, #2f80a5) !important;
background: -o-linear-gradient(60deg, #268545, #2f80a5) !important;
background: -moz-linear-gradient(60deg, #268545, #2f80a5) !important;
background: linear-gradient(60deg, #268545, #2f80a5) !important;
}

    Then edit your color section element and give it a custom overlay

    Best regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.