diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css index cbdf6c2..00a251b 100644 --- a/src/uncloseai-modal-builtin.css +++ b/src/uncloseai-modal-builtin.css @@ -837,6 +837,29 @@ dialog#tts-modal { /* EMBED MODAL SPECIFIC STYLES */ /* =================================================================== */ +/* Reset blog site heading styles that might interfere with our modals */ +dialog#uncloseai-embedded-modal h1, +dialog#uncloseai-embedded-modal h2, +dialog#uncloseai-embedded-modal h3, +dialog#uncloseai-embedded-modal h4, +dialog#uncloseai-embedded-modal h5, +dialog#uncloseai-embedded-modal h6, +dialog#tts-modal h1, +dialog#tts-modal h2, +dialog#tts-modal h3, +dialog#tts-modal h4, +dialog#tts-modal h5, +dialog#tts-modal h6, +dialog#translate-modal h1, +dialog#translate-modal h2, +dialog#translate-modal h3, +dialog#translate-modal h4, +dialog#translate-modal h5, +dialog#translate-modal h6 { + padding: 0 !important; + margin: 0 !important; +} + /* Main modal container and layout */ .uncloseai-modal-container { width: 100%; diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css index 1ac150d..2a6c12d 100644 --- a/src/uncloseai-modal-pico.css +++ b/src/uncloseai-modal-pico.css @@ -905,6 +905,29 @@ dialog#tts-modal { /* EMBED MODAL SPECIFIC STYLES - PICOCSS OVERRIDES */ /* =================================================================== */ +/* Reset blog site heading styles that might interfere with our modals */ +dialog#uncloseai-embedded-modal h1, +dialog#uncloseai-embedded-modal h2, +dialog#uncloseai-embedded-modal h3, +dialog#uncloseai-embedded-modal h4, +dialog#uncloseai-embedded-modal h5, +dialog#uncloseai-embedded-modal h6, +dialog#tts-modal h1, +dialog#tts-modal h2, +dialog#tts-modal h3, +dialog#tts-modal h4, +dialog#tts-modal h5, +dialog#tts-modal h6, +dialog#translate-modal h1, +dialog#translate-modal h2, +dialog#translate-modal h3, +dialog#translate-modal h4, +dialog#translate-modal h5, +dialog#translate-modal h6 { + padding: 0 !important; + margin: 0 !important; +} + /* Main modal container and layout */ .uncloseai-modal-container { width: 100% !important;