Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 27, 2017 at 7:43 pm #813576
    terrytomasini

    Page is https://www.staging1.hessel.org

    I want to overlay an image, but not a pattern of that image.

    The image in this case is the “Experience Life” png file. I want is centered over the video.

    I used the “slide overlay” tab, “upload custom image”, “insert custom pattern”

    How can I overlay without repeating the image?

    Thanks,

    Terry

    June 28, 2017 at 2:32 pm #813835
    Nikko

    Hey terrytomasini,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    .home #full_slider_1 .avia-slide-wrap .av-section-color-overlay {
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    June 29, 2017 at 9:07 pm #814679
    terrytomasini

    Nikko,

    You ROCK. That did it.

    One more question, can this overlay be configured to NOT DISPLAY on the “fallback image for mobile devices”?

    Terry

    June 30, 2017 at 6:16 am #814801
    John Torvik

    Hi,

    To remove it only in the mobile, add this code:

    
@media screen and (max-width: 769px) {
    .home #full_slider_1 .avia-slide-wrap .av-section-color-overlay {
        display: none !important;
    }
}

    Best regards,
    John Torvik

    • This reply was modified 7 years, 4 months ago by John Torvik.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.