Theme or plugin CSS could interfere with Foyer's styling

Question

Theme or plugin CSS could interfere with Foyer's styling

mennolui opened this issue 7 years ago · comments

Menno Luitjes commented 7 years ago

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

Menno Luitjes · Answer 1 · Sat Apr 07 2018 16:05:50 GMT+0800 (China Standard Time)

Add some resets to the Foyer CSS?

Menno Luitjes · Answer 2 · Sat Nov 17 2018 20:55:57 GMT+0800 (China Standard Time)

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;
}

Menno Luitjes · Answer 3 · Sat Nov 17 2018 21:04:12 GMT+0800 (China Standard Time)

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.