Medium-like Full View Featured Image?

Posted in : Read WP

luukk

Participant

17 July 2014 at 18:25

#15237

Hi!

Is there a way to use a featured header image in full view, the way that Medium does?

Regards,

Luuk

ahmetsali

Keymaster

20 July 2014 at 00:19

#15263

Hi, try this custom css code;

.featured-image img {
    position: absolute;  left: 0;  width: 100%;
}

and add this to External JS box;

jQuery(document).ready(function($) {  
       $('.featured-image').each(function(index, element) {
            $(element).css("min-height", $(element).find('img').height());
			$( window ).resize(function() {
			  $(element).css("min-height", $(element).find('img').height());
			});
        });
});

luukk

Participant

20 July 2014 at 00:56

#15267

Thanks you so much!
:)

Really appreciate it!

Regards,

Luuk