, so hide it only inside #her-main .her-original. The real header/footer are outside

and are untouched by these selectors. */ body.her-site #her-main .her-original .her-header, body.her-site #her-main .her-original .her-footer, body.her-site #her-main .her-original .her-marquee, body.her-site #her-main .her-original .her-banner{display:none} /* PageLayer post fallback body: full width like a builder page, no narrow box. */ .her-site .her-pagelayer-body .her-original{max-width:none} /* PLAIN CONTENT CARD — Gutenberg/Classic posts and pages only (body.her-plain-content, set in shell.php). Builder content is NOT styled here, so PageLayer/Elementor layouts keep exactly their own design. The page background is a soft grey, the article itself is a wide white card with a clear border and shadow, so content clearly sits in front. */ body.her-site.her-plain-content #her-main{background:#f1f4f7} body.her-site.her-plain-content .her-original{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px rgba(8,34,54,.07);padding:clamp(24px,4vw,48px);max-width:900px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.9;color:#334155} body.her-site.her-plain-content .her-original h2{font-size:clamp(24px,3vw,30px);line-height:1.3;margin:1.6em 0 .5em;color:#081e32} body.her-site.her-plain-content .her-original h3{font-size:clamp(20px,2.5vw,24px);line-height:1.35;margin:1.5em 0 .5em;color:#081e32} body.her-site.her-plain-content .her-original h4{font-size:19px;line-height:1.4;margin:1.4em 0 .5em;color:#081e32} body.her-site.her-plain-content .her-original h5{font-size:17px;margin:1.3em 0 .5em;color:#081e32} body.her-site.her-plain-content .her-original p{margin:0 0 1.2em} body.her-site.her-plain-content .her-original ul,body.her-site.her-plain-content .her-original ol{margin:0 0 1.2em;padding-left:1.5em} body.her-site.her-plain-content .her-original li{margin-bottom:.5em} body.her-site.her-plain-content .her-original li::marker{color:#ef1028;font-weight:600} body.her-site.her-plain-content .her-original a{color:#ef1028;font-weight:500;text-decoration:underline;text-underline-offset:3px} body.her-site.her-plain-content .her-original a:hover{color:#c20a1e} body.her-site.her-plain-content .her-original img,body.her-site.her-plain-content .her-original figure img{height:auto;border-radius:12px;box-shadow:0 6px 20px rgba(8,34,54,.08)} body.her-site.her-plain-content .her-original figure{margin:1.5em 0} body.her-site.her-plain-content .her-original figcaption{font-size:13px;color:#64748b;text-align:center;margin-top:8px;line-height:1.5} body.her-site.her-plain-content .her-original blockquote{border-left:4px solid #ef1028;padding:14px 22px;margin:1.5em 0;color:#475569;background:#f8fafc;border-radius:0 10px 10px 0;font-size:18px;line-height:1.7} body.her-site.her-plain-content .her-original blockquote p:last-child{margin-bottom:0} body.her-site.her-plain-content .her-original table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:15px;line-height:1.6} body.her-site.her-plain-content .her-original th{background:#082236;color:#fff;text-align:left;padding:12px 14px;font-weight:600} body.her-site.her-plain-content .her-original td{padding:12px 14px;border-bottom:1px solid #e2e8f0;vertical-align:top} body.her-site.her-plain-content .her-original tr:nth-child(even) td{background:#f8fafc} body.her-site.her-plain-content .her-original code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 6px;font-size:14px} body.her-site.her-plain-content .her-original pre{background:#082236;color:#e5edf4;border-radius:10px;padding:18px;overflow-x:auto;line-height:1.6} body.her-site.her-plain-content .her-original pre code{background:none;border:0;padding:0;color:inherit} body.her-site.her-plain-content .her-original hr{border:0;border-top:1px solid #e2e8f0;margin:2em 0} body.her-site.her-plain-content .her-original .wp-block-button__link,body.her-site.her-plain-content .her-original a.button,body.her-site.her-plain-content .her-original input[type=submit],body.her-site.her-plain-content .her-original button{background:#ef1028;color:#fff;border:0;border-radius:8px;padding:12px 24px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;display:inline-block} body.her-site.her-plain-content .her-original .wp-block-button__link:hover,body.her-site.her-plain-content .her-original a.button:hover,body.her-site.her-plain-content .her-original input[type=submit]:hover,body.her-site.her-plain-content .her-original button:hover{background:#c20a1e;color:#fff;text-decoration:none} body.her-site.her-plain-content .her-original input[type=text],body.her-site.her-plain-content .her-original input[type=email],body.her-site.her-plain-content .her-original input[type=tel],body.her-site.her-plain-content .her-original input[type=url],body.her-site.her-plain-content .her-original textarea,body.her-site.her-plain-content .her-original select{width:100%;max-width:100%;padding:12px;border:1px solid #d8e0e8;border-radius:8px;background:#fff;color:#12283b;font:inherit;box-sizing:border-box} body.her-site.her-plain-content .her-original iframe,body.her-site.her-plain-content .her-original video{max-width:100%} @media(max-width:767px){ body.her-site.her-plain-content .her-original{padding:22px 18px;border-radius:12px;font-size:16px;line-height:1.85} body.her-site.her-plain-content .her-original h2{font-size:24px} body.her-site.her-plain-content .her-original h3{font-size:20px} body.her-site.her-plain-content .her-original table{font-size:14px} body.her-site.her-plain-content .her-original blockquote{font-size:16px;padding:12px 16px} } /* ============ v3.4.0 ============ 1) Second header/footer/sidebar layers from the old theme or from a PageLayer / PopularFX Theme-Builder layer are hidden. Selectors are limited to (a) direct children of that are not the plugin's own header/footer, and (b) site-chrome classes INSIDE #her-main. The plugin header (.her-header) and footer (.her-footer) are never matched, and a header/footer inside the plugin's own templates is outside #her-main or has the her- classes, so it stays. 2) Plain (Gutenberg/Classic) post/page card: a little wider, clearer background separation. PageLayer and Elementor content are untouched. */ body.her-site > header:not(.her-header), body.her-site > footer:not(.her-footer), body.her-site > #masthead, body.her-site > #colophon, body.her-site > .site-header, body.her-site > .site-footer, body.her-site #her-main #masthead, body.her-site #her-main #colophon, body.her-site #her-main .site-header, body.her-site #her-main .site-footer, body.her-site #her-main .pagelayer-header, body.her-site #her-main .pagelayer-footer, body.her-site #her-main .popularfx-header, body.her-site #her-main .popularfx-footer{display:none} body.her-site.her-plain-content #her-main{background:#eef2f6} body.her-site.her-plain-content .her-original{max-width:1040px;border-color:#dbe3ec} body.her-site.her-plain-content .her-post-body>.elementor-container, body.her-site.her-plain-content .her-page-body>.elementor-container{max-width:1160px;padding-top:8px} body.her-site.her-plain-content .her-original>*:first-child{margin-top:0} body.her-site.her-plain-content .her-original>*:last-child{margin-bottom:0} body.her-site.her-plain-content .her-original h1{font-size:clamp(26px,3.4vw,36px);line-height:1.25;margin:0 0 .6em;color:#081e32} body.her-site.her-plain-content .her-original img.alignleft,body.her-site.her-plain-content .her-original .alignleft{float:left;margin:.3em 1.4em 1em 0;max-width:50%} body.her-site.her-plain-content .her-original img.alignright,body.her-site.her-plain-content .her-original .alignright{float:right;margin:.3em 0 1em 1.4em;max-width:50%} body.her-site.her-plain-content .her-original::after{content:"";display:block;clear:both} @media(max-width:767px){ body.her-site.her-plain-content .her-original img.alignleft,body.her-site.her-plain-content .her-original .alignleft, body.her-site.her-plain-content .her-original img.alignright,body.her-site.her-plain-content .her-original .alignright{float:none;display:block;margin:1em auto;max-width:100%} } /* ============ v3.5.0 ============ 1) PAGES AND POSTS BUILT WITH A BUILDER (PageLayer, Elementor, Divi, WPBakery, Beaver ...) — body.her-builder-content, set in shell.php. The plugin only supplies header/footer; the content area is a plain full-width, white, padding-free wrapper, so the builder's own rows, columns, full-width/stretched sections and backgrounds show exactly as designed in the backend. Fixes the "narrow / squeezed" front-end: - .her-section padding (76px 24px) no longer applies to the content - the 860px (posts) / 1100px (pages) container limit is removed - Elementor's default 10px column/widget padding is removed here - horizontal overflow from 100vw stretched rows is clipped, so no sideways scrollbar appears. */ body.her-site.her-builder-content, body.her-site.her-builder-content #her-main{background:#fff} body.her-site.her-builder-content #her-main{overflow-x:clip} body.her-site.her-builder-content .her-page-body, body.her-site.her-builder-content .her-post-body{padding:0!important;margin:0!important;background:#fff} body.her-site.her-builder-content .her-page-body>.elementor-container, body.her-site.her-builder-content .her-post-body>.elementor-container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important} body.her-site.her-builder-content .her-page-body .elementor-column, body.her-site.her-builder-content .her-post-body .elementor-column{width:100%!important;flex:1 1 100%;max-width:100%} body.her-site.her-builder-content .her-page-body .elementor-column>.elementor-widget-wrap, body.her-site.her-builder-content .her-post-body .elementor-column>.elementor-widget-wrap, body.her-site.her-builder-content .her-page-body .elementor-column>.elementor-element-populated, body.her-site.her-builder-content .her-post-body .elementor-column>.elementor-element-populated{padding:0!important} body.her-site.her-builder-content .her-page-body .elementor-widget:not(:last-child), body.her-site.her-builder-content .her-post-body .elementor-widget:not(:last-child){margin-bottom:0} body.her-site.her-builder-content .her-original{max-width:none!important;width:100%;padding:0;margin:0;background:transparent;border:0;box-shadow:none;border-radius:0;overflow-wrap:normal} body.her-site.her-builder-content .her-pagelayer-body{padding:0!important;margin:0!important} /* PageLayer wrappers fill the content area (PageLayer's own row settings still decide how wide the inner row content is). */ body.her-site.her-builder-content .her-original .pagelayer-content, body.her-site.her-builder-content .her-original .pagelayer-row, body.her-site.her-builder-content .her-original .pagelayer-row-holder, body.her-site.her-builder-content .her-original .pagelayer-row-stretch-auto, body.her-site.her-builder-content .her-original .pagelayer-row-stretch-full{max-width:100%} body.her-site.her-builder-content .her-original .pagelayer-row-stretch-full{width:100%} body.her-site.her-builder-content .her-original img{max-width:100%} /* 2) POST / PAGE WITH PLAIN CONTENT (Gutenberg, Classic editor): clean WHITE background. v3.3/v3.4 used a grey page background and a shadowed card; now the whole content area is white, the text column is centred at a readable width, with no grey, no shadow, no heavy border. */ body.her-site.her-plain-content, body.her-site.her-plain-content #her-main{background:#fff!important} body.her-site.her-plain-content .her-post-body, body.her-site.her-plain-content .her-page-body, body.her-site.her-plain-content .her-featured-wrap, body.her-site.her-plain-content .her-related-strip{background:#fff} body.her-site.her-plain-content .her-post-body>.elementor-container, body.her-site.her-plain-content .her-page-body>.elementor-container{max-width:1000px!important;width:100%!important;padding:0!important;margin-left:auto;margin-right:auto} body.her-site.her-plain-content .her-original{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:0!important;max-width:860px;width:100%;margin-left:auto;margin-right:auto;padding:8px 0 24px} /* Gutenberg wide/full blocks must not break out of the white column. */ body.her-site.her-plain-content .her-original .alignwide, body.her-site.her-plain-content .her-original .alignfull, body.her-site.her-plain-content .her-original .wp-block-cover.alignfull, body.her-site.her-plain-content .her-original .wp-block-group.alignfull{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important} body.her-site.her-plain-content .her-original .wp-block-group, body.her-site.her-plain-content .her-original .wp-block-columns{background-color:transparent} body.her-site.her-plain-content .her-original .wp-block-columns{gap:24px} body.her-site.her-plain-content .her-original :where(.has-background){padding:1.2em 1.4em} @media(max-width:767px){ body.her-site.her-plain-content .her-original{padding:4px 0 16px;max-width:100%} body.her-site.her-plain-content .her-post-body, body.her-site.her-plain-content .her-page-body{padding-left:18px!important;padding-right:18px!important} body.her-site.her-plain-content .her-original .wp-block-columns{flex-wrap:wrap!important} body.her-site.her-plain-content .her-original .wp-block-column{flex-basis:100%!important} } /* 3) Safety for every singular view: the page itself never scrolls sideways. */ body.her-site{overflow-x:hidden} @supports (overflow:clip){body.her-site{overflow-x:clip}} /* ============ v3.6.0 ============ */ /* Builder content is rendered without the Elementor wrapper: plain block layout, full width, so PageLayer rows can never shrink to a narrow strip. */ body.her-site #her-main{display:block;width:100%;max-width:100%} body.her-site .her-fallback-page-full, body.her-site .her-pagelayer-body, body.her-site .her-fallback-page-full>.her-original, body.her-site .her-pagelayer-body>.her-original{display:block;width:100%;max-width:100%;float:none} body.her-site .her-fallback-page-full .pagelayer-row, body.her-site .her-pagelayer-body .pagelayer-row{width:100%} /* ============ v3.8.0 ============ */ /* Logged-in admin bar: never hidden by the site design. */ body.her-site #wpadminbar{display:block!important;visibility:visible!important;position:fixed!important;top:0;left:0;right:0;width:100%;z-index:99999} /* Elementor / PageLayer content is shown at the width it was designed. */ .her-fallback-page-full .elementor,.her-fallback-page-full .elementor-section,.her-pagelayer-body .elementor{max-width:none} .her-fallback-page-full>.her-original{overflow:visible}