Overylay background bug

[adam]

When applying an overlay as 100% width for both desktop and mobile with a background colour set it also works as expected.

When you add any element to the page itself it overrides the background with a white background.

See fleurduvent.com on mobile for bug

[arminunruh]

yes the background is just the background that appears next to your overlay if the overlay doesn't span a 100% width, as shown here on the left:

the background of the overlay itself is always white or whatever color you set in the gridder of the overlay here:

its not a bug, but i can see how people can think the background setting is for the background of the overlay content.

you can however make the overlay content background transparent, which will result in showing whats underneath: your background setting you set in the overlay settings!

just use this css:

#lay-overlays #grid{
background-color: transparent!important;
}
.lay-overlay > .lay-content{
background-color: transparent!important;
}

[adam]

@arminunruh I understand. Thanks for clarifying. Is it possible to only adjust the background of 1 specific overlay? Using the overlay-ID doesn't seem to be doing the trick for me.

[arminunruh]

#lay-overlays #grid{
background-color: transparent!important;
}
.lay-overlay > .lay-content{
background-color: transparent!important;
}

sure just on chrome, right click the overlay, inspect element
and get the appropriate css selector

the css u used is this:

            #lay-overlays #grid.id-37 {
                background-color: transparent!important;
            }

            .lay-overlay > .lay-content {
                background-color: transparent!important;
            }

however, you need to use #grid.id-18:

            #lay-overlays #grid.id-18 {
                background-color: transparent!important;
            }

            .lay-overlay > .lay-content {
                background-color: transparent!important;
            }

[alvarodoze]

This post is deleted!