Theme or plugin CSS could interfere with Foyer's styling

mennolui / wp-foyer

Foyer - a free Digital Signage plugin for WordPress. Perfect for theaters, music venues, cinemas and festivals.

GNU General Public License v3.0

49 stars 22 forks source link

Theme or plugin CSS could interfere with Foyer's styling #23

Open mennolui opened 6 years ago

mennolui commented 6 years ago

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

mennolui commented 6 years ago

Add some resets to the Foyer CSS?

mennolui commented 5 years ago

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 commented 5 years ago

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.