Theme or plugin CSS could interfere with Foyer's styling

[mennolui]

Most notably the body, figure, img, iframe and video elements.

[mennolui]

Add some resets to the Foyer CSS?

[mennolui]

Workarounds used so far:

Themes adding a scrollbar, visible on Edge even when no scrolling needed:

html {
  overflow-y: auto !important;
}

Themes adding bars above/below every page:

body.single-foyer_display, body.single-foyer_channel, body.single-foyer_slide {
    padding: 0 !important;
}

[mennolui]

Maybe don't fix theme conflicts, but stop loading theme/plugin CSS/JS altogether? Then load it for certain slide formats only, that need to render website content (Post slide, HTML/shortcode slide), and load those slides within their own iframe to isolate CSS/JS problems from the rest and fix #29 along the way.