Copy and paste this code to your WordPress Theme Customizer:
/* ONLY hide entry banner on PAGES */
.page .entry-banner {
display: none !important;
}
/* FINAL: remove remaining tiny gap between title and featured image (single posts only) */
.single-post #primary.content-area,
.single-post .content-area,
.single-post .site-content,
.single-post .content-wrap {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* banner wrapper — remove any leftover spacing & pseudo-elements */
.single-post .entry-banner,
.single-post .entry-banner .entry-banner-content,
.single-post .entry-header,
.single-post .page-header {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
height: auto !important;
overflow: visible !important;
box-shadow: none !important;
}
/* hide pseudo elements that sometimes add extra height */
.single-post .entry-banner::before,
.single-post .entry-banner::after,
.single-post .entry-header::before,
.single-post .entry-header::after {
display: none !important;
content: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* tighten title, breadcrumb and meta */
.single-post .entry-banner .entry-title,
.single-post .entry-banner .breadcrumb,
.single-post .entry-banner .entry-meta,
.single-post .entry-header .entry-title,
.single-post .entry-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1.05 !important;
}
/* remove gap above featured image */
.single-post .post-thumbnail,
.single-post .entry-image,
.single-post .featured-image,
.single-post .wp-post-image {
margin-top: 0 !important;
padding-top: 0 !important;
display: block !important;
}
/* In some themes the image sits inside a .hero/.banner-inner wrapper */
.single-post .hero,
.single-post .banner-inner,
.single-post .entry-banner-wrap {
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
}
/* mobile safety: keep tiny breathing room on small screens */
@media (max-width: 768px) {
.single-post .entry-title { margin-bottom: 6px !important; }
}
.single-post .entry-breadcrumb,
.single-post div.entry-breadcrumb {
color: #ffffff !important; /* text invisible */
background: transparent !important;
opacity: 1 !important;
}
.single-post .entry-breadcrumb,
.single-post .entry-breadcrumb *,
.single-post div.entry-breadcrumb,
.single-post div.entry-breadcrumb * {
color: #ffffff !important;
background: transparent !important;
}
/* Remove empty banner space on Blog page */
.entry-banner {
background: none !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
min-height: 0 !important;
}
/* Remove top padding added by theme */
.entry-banner-content {
padding: 0 !important;
margin: 0 !important;
}
/* Fix container spacing under the banner */
.container {
padding-top: 0 !important;
}
/* Hide “All Posts” title ONLY on the blog page */
.blog .entry-title,
.home.blog .entry-title {
display: none !important;
}



Leave a comment.