• Resolved feisar

    (@feisar)


    Here’s some CSS overrides to make the YouTube thumbnails responsive, whilst keeping the play button centered, and also cropping the black bars from the top and bottom of widescreen thumbnails.

    div.wpvl_auto_thumb_box{
        position: relative !important;
    	width: 100% !important;
    	height: 100% !important;
    	overflow: hidden;
    }
    
    div.wpvl_auto_thumb_play{
    	position: absolute !important;
    	top: 50% !important;
    	left: 50% !important;
    	width:48px !important;
    	height:48px !important;
    	margin: -24px 0 0 -24px !important;
    }
    
    img.video_lightbox_auto_anchor_image{
    	width: 100% !important;
    	height: 100% !important;
    	margin: -9.5% 0px -12%;
    }

    https://wordpress.org/plugins/wp-video-lightbox/

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS for responsive and cropped widescreen thumbnails’ is closed to new replies.