CSS for responsive and cropped widescreen thumbnails
-
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%; }
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.