Youtube Thumbnails

Store Design
,
1

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?

2

Hi @stevenunstick ,

May I suggest to update code these steps:

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

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/theme.css
  2. 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;
}
}