From 7fb40b18a495b50cf55cf226cf3b39dd3abbe26d Mon Sep 17 00:00:00 2001 From: Robin Cornett Date: Tue, 14 May 2019 14:29:06 -0400 Subject: [PATCH] Update banner image class --- includes/css/display-featured-image-genesis.css | 2 +- .../class-displayfeaturedimagegenesis-enqueue.php | 2 +- .../class-displayfeaturedimagegenesis-output.php | 2 +- sass/display-featured-image-genesis.scss | 14 +++++++------- 4 files changed, 10 insertions(+), 10 deletions(-) diff --git a/includes/css/display-featured-image-genesis.css b/includes/css/display-featured-image-genesis.css index 04fbe74..d41c962 100644 --- a/includes/css/display-featured-image-genesis.css +++ b/includes/css/display-featured-image-genesis.css @@ -1 +1 @@ -.has-leader .site-inner{margin-top:0}.big-leader{overflow:hidden;max-height:100vh;position:relative}.big-leader .wrap{position:absolute;right:0;bottom:0;left:0;width:100%;z-index:1}.big-leader--scriptless{height:auto}.big-leader--scriptless img{display:block;height:100vh;max-width:none;-o-object-fit:cover;object-fit:cover;width:100vw}.big-leader .entry-title.featured-image-overlay,.big-leader .archive-title.featured-image-overlay{color:#fff;text-align:center}.big-leader .excerpt,.big-leader .archive-description{margin-bottom:24px;padding:24px;background:rgba(255,255,255,.85)}.big-leader p{margin-top:18px;margin-bottom:0}.home .big-leader p{margin-top:0}.home .big-leader p:last-child{margin-bottom:0}.big-leader .excerpt .entry-title,.big-leader .archive-description .archive-title{margin-bottom:0}@keyframes fadein{from{opacity:0}to{opacity:1}}.backstretch.no-js{max-height:600px}img.featured{max-width:100%} \ No newline at end of file +.has-leader .site-inner{margin-top:0}.big-leader{overflow:hidden;max-height:100vh;position:relative}.big-leader .wrap{position:absolute;right:0;bottom:0;left:0;width:100%;z-index:1}.big-leader--scriptless{height:auto}.big-leader__image{display:block;height:100vh;max-width:none;-o-object-fit:cover;object-fit:cover;width:100vw}.big-leader .entry-title.featured-image-overlay,.big-leader .archive-title.featured-image-overlay{color:#fff;text-align:center}.big-leader .excerpt,.big-leader .archive-description{margin-bottom:24px;padding:24px;background:rgba(255,255,255,.85)}.big-leader p{margin-top:18px;margin-bottom:0}.home .big-leader p{margin-top:0}.home .big-leader p:last-child{margin-bottom:0}.big-leader .excerpt .entry-title,.big-leader .archive-description .archive-title{margin-bottom:0}@keyframes fadein{from{opacity:0}to{opacity:1}}.backstretch.no-js{max-height:600px}img.featured{max-width:100%} \ No newline at end of file diff --git a/includes/output/class-displayfeaturedimagegenesis-enqueue.php b/includes/output/class-displayfeaturedimagegenesis-enqueue.php index b8175e1..8fb8e58 100644 --- a/includes/output/class-displayfeaturedimagegenesis-enqueue.php +++ b/includes/output/class-displayfeaturedimagegenesis-enqueue.php @@ -181,7 +181,7 @@ class DisplayFeaturedImageGenesisEnqueue { $css .= "animation: fadein {$this->setting['fade']}ms;"; } if ( $css ) { - $css = ".big-leader--scriptless img { {$css} }"; + $css = ".big-leader__image { {$css} }"; } return $css; diff --git a/includes/output/class-displayfeaturedimagegenesis-output.php b/includes/output/class-displayfeaturedimagegenesis-output.php index a93578f..7be2fef 100644 --- a/includes/output/class-displayfeaturedimagegenesis-output.php +++ b/includes/output/class-displayfeaturedimagegenesis-output.php @@ -175,7 +175,7 @@ class Display_Featured_Image_Genesis_Output { false, array( 'alt' => $this->get_image_alt_text( $image_id ), - 'class' => 'post-image', + 'class' => 'big-leader__image post-image', 'aria-hidden' => 'true', ) ); diff --git a/sass/display-featured-image-genesis.scss b/sass/display-featured-image-genesis.scss index 508314a..61c7b99 100644 --- a/sass/display-featured-image-genesis.scss +++ b/sass/display-featured-image-genesis.scss @@ -18,14 +18,14 @@ &--scriptless { height: auto; + } - img { - display: block; - height: 100vh; - max-width: none; - object-fit: cover; - width: 100vw; - } + &__image { + display: block; + height: 100vh; + max-width: none; + object-fit: cover; + width: 100vw; } .entry-title,