Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 4, 2017 at 12:26 am #847496
    dee804203

    How can I add a pattern overlay to the background image on my page?

    September 4, 2017 at 10:03 am #847629
    Rikard

    Hey dee804203,

    You can use an overlay on background images if you use a Color Section element, the options can be found in the Section Background Overlay tab.

    Best regards,
    Rikard

    September 4, 2017 at 4:47 pm #847816
    dee804203

    Thanks for the prompt response, Rikard.
    I already have a color overlay. I am looking to add a pattern (dotted, dashed) overlay as well. How can I achieve this?

    September 5, 2017 at 6:44 am #847974
    Rikard

    Hi,

    You can try something like this in Quick CSS:

    .page-id-32 #av_section_2 .av-section-color-overlay-wrap {
  background-image:url('https://yoursite.com/image.jpg');
}

    Best regards,
    Rikard

    September 5, 2017 at 2:20 pm #848118
    dee804203

    Thank you.

    Although, I didn’t add a “page-id”. How did you locate it?

    September 5, 2017 at 2:46 pm #848125
    Yigit

    Hi!

    You can simply inspect elements on your browser and check the class of Body tag to find it.

    Regards,
    Yigit

    September 5, 2017 at 3:10 pm #848139
    dee804203

    Got it. Thanks

    September 5, 2017 at 3:20 pm #848146
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Pattern Overlay’ is closed to new replies.