Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 16, 2018 at 7:12 am #1034304
    kpeltierWT

    I have added a background image to a color section and the color overlay is smaller than the image when you view it in firefox or safari (but it seems to be okay in chrome). I’ve read your recommendations and added the code you recommended and I’m still having the issue. (https://kriesi.at/support/topic/image-overlay-too-big/)
    My image details are
    Color section, no padding, Fixed image, top left, scale to fit

    Thank you for your help!

    November 16, 2018 at 10:11 am #1034343
    Yigit

    Hey,

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

    CSS Snippet:

    
.av-section-color-overlay + .container {
    padding-top: 100px!important;
}

    Best regards,
    Yigit

    November 17, 2018 at 12:00 am #1034630
    kpeltierWT

    I added the code to the CSS on the general styling page. There doesn’t seem to be any changes. The overlay is still shorter than the image itself. Please let me know if you have any other recommendations.

    Thank you.
    Kristina

    November 19, 2018 at 7:02 pm #1035289
    Yigit

    Hi,

    Could you please create temporary admin logins and post them here privately so we can look into it?

    Best regards,
    Yigit

    July 3, 2019 at 12:59 pm #1115464
    mariafriis

    Did you fix it? I’m having the same problem

    July 3, 2019 at 4:42 pm #1115508
    Yigit

    Hi,


    @mariafriis     I noticed that you have started a thread regarding this. We will reply to it soon. Let us continue there :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Overlay Does Not Cover the Color Section Background Image’ is closed to new replies.