diff --git a/includes/css/display-featured-image-genesis.css b/includes/css/display-featured-image-genesis.css index d41c962..abc3347 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__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 +.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__image{display:block;height:100vh;max-width:none;-o-object-fit:cover;object-fit:cover;width:100vw}.big-leader .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 dfig-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 8fb8e58..00de9be 100644 --- a/includes/output/class-displayfeaturedimagegenesis-enqueue.php +++ b/includes/output/class-displayfeaturedimagegenesis-enqueue.php @@ -177,8 +177,11 @@ class DisplayFeaturedImageGenesisEnqueue { if ( $this->setting['less_header'] ) { $css .= "height: calc( 100vh - {$this->setting['less_header']}px );"; } + if ( $this->setting['max_height'] ) { + $css .= "max-height: {$this->setting['max_height']}px;"; + } if ( $this->setting['fade'] ) { - $css .= "animation: fadein {$this->setting['fade']}ms;"; + $css .= "animation: dfig-fadein {$this->setting['fade']}ms;"; } if ( $css ) { $css = ".big-leader__image { {$css} }"; diff --git a/sass/display-featured-image-genesis.scss b/sass/display-featured-image-genesis.scss index 61c7b99..25a9afa 100644 --- a/sass/display-featured-image-genesis.scss +++ b/sass/display-featured-image-genesis.scss @@ -16,10 +16,6 @@ z-index: 1; } - &--scriptless { - height: auto; - } - &__image { display: block; height: 100vh; @@ -28,12 +24,9 @@ width: 100vw; } - .entry-title, - .archive-title { - &.featured-image-overlay { - color: #fff; - text-align: center; - } + .featured-image-overlay { + color: #fff; + text-align: center; } .excerpt, @@ -64,7 +57,7 @@ } } -@keyframes fadein { +@keyframes dfig-fadein { from { opacity: 0; } to { opacity: 1; } }