Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #813576

    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

    #813835

    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

    #814679

    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

    #814801

    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.
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.