Empty White Space fix css for blogger
/* =====================================================
🚀 FINAL PREMIUM WHITE SPACE + EMPTY ADS FIX
REMOVE HUGE EMPTY GAPS / CLS / BROKEN AD SPACE
===================================================== */
/* RESET MAIN LAYOUT */
html,
body {
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
width: 100%;
max-width: 100%;
}
/* FIX MAIN WRAPPER */
#main-wrapper,
.main-wrapper,
.main-content,
.content-wrapper,
.content-inner,
.main-inner {
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
height: auto !important;
}
/* FIX MAIN CONTENT COLUMN */
#main {
min-height: auto !important;
height: auto !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
/* REMOVE EMPTY BLOGGER WIDGET SPACE */
.widget:empty,
.section:empty,
.widget-content:empty,
.item:empty {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* REMOVE EMPTY ADS */
.adsbygoogle:empty,
ins.adsbygoogle[data-ad-status="unfilled"],
.google-auto-placed:empty {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* REMOVE EMPTY HTML WIDGETS */
#HTML1:empty,
#HTML2:empty,
#HTML3:empty,
#HTML4:empty,
#HTML7:empty,
#HTML8:empty,
#HTML9:empty,
#HTML11:empty {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* FIX ADS CONTAINER */
.pz-ad-container,
.pz-ad-wrap {
width: 100%;
max-width: 100%;
margin: 15px auto !important;
padding: 0 !important;
overflow: hidden !important;
text-align: center;
}
/* FIX ADSENSE */
.adsbygoogle {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: auto !important;
overflow: hidden !important;
}
/* REMOVE AUTO AD EXTRA SPACE */
.google-auto-placed {
margin: 10px auto !important;
min-height: auto !important;
height: auto !important;
}
/* REMOVE HIDDEN ADS SPACE */
.ad-slot,
.top-ad,
.header-ad,
.sticky-ad,
.sidebar-ad {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* FIX BLOGGER CONTAINERS */
.container,
.container-fluid,
.row {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* FIX FEATURED IMAGES */
.post-thumbnail,
.item-thumbnail,
.featured-image {
overflow: hidden !important;
border-radius: 12px;
}
/* FIX IMAGE EXTRA SPACE */
img {
display: block !important;
max-width: 100% !important;
height: auto !important;
}
/* REMOVE INVISIBLE ELEMENT SPACE */
[hidden],
.hidden,
.d-none {
display: none !important;
}
/* FIX MOBILE EXTRA GAP */
@media (max-width: 768px) {
#main,
.main-wrapper,
.content-wrapper {
padding-top: 0 !important;
margin-top: 0 !important;
}
.adsbygoogle {
min-height: auto !important;
}
.google-auto-placed {
margin: 5px auto !important;
}
}