Youtube Thumbnails

Youtube Thumbnails

stevenunstick
Tourist
13 0 2

Hello I have added Youtube videos to a few pages on my Pipeline site, but the thumbnails are huge. How do I make them smaller? 

Reply 1 (1)

EBOOST
Shopify Partner
1292 327 390

Hi @stevenunstick ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/theme.css
3. Add code below to end of file

#MainContent .page__template .rte__video-wrapper iframe[src^="https://www.youtube.com/embed"] {
	position: static;
  width: revert-layer;
  height: revert-layer;
  max-width: 100%;
}
#MainContent .page__template .rte__video-wrapper {
	padding-bottom: 0;
  }
  @media(max-width: 560px){
  #MainContent .page__template .rte__video-wrapper iframe[src^="https://www.youtube.com/embed"] {
  height: 56vw;
}
}
- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips