Blogxer Customizer Code

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;

}

Categories:

Leave a comment.

Discover more from Brand & Partners™

Subscribe now to keep reading and get access to the full archive.

Continue reading