# YouTube videos customization

**URL:** https://community.elfsight.com/t/youtube-videos-customization/100378
**Category:** Customization
**Tags:** youtube-gallery
**Created:** [February 10, 2025, 3:10pm UTC](https://community.elfsight.com/t/youtube-videos-customization/100378 "2025-02-10T15:10:22Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Bert\_Schodts](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/bert_schodts/32/54212_2.png) [@Bert\_Schodts](https://community.elfsight.com/u/Bert_Schodts)
#### Post date: [February 10, 2025, 3:10pm UTC](https://community.elfsight.com/t/youtube-videos-customization/100378/1 "2025-02-10T15:10:22Z")

</div>

How can you show the Shorts in 9:16 format, instead of the default 16:9 container with pillarboxing at the sides?

When I apply the [custom CSS code on this page](https://community.elfsight.com/t/vertical-video-display-like-shorts/76450) it seems to work on desktop (but with lot of white spacing…). But on mobile it’s looking very strange. Any suggestion/solution? Ideally 4 vertical videos next to each other on desktop, 3 on tablet and 2 on mobile.

Attached how my gallery is looking after embedding the custom CSS in my widget settings (on desktop and mobile). And the desired mobile layout (like on YouTube).

 ![shorts_desktop](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/1/f1e875020b97244ededa2cca25fa2eea1b14ed4c.jpeg)  
 ![shorts_mobile](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/4/c40318fb5e0af54e15396d62923ee379b9a335c0.png)  
 ![2-column-youtube-shorts-grid](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/d/1d84a48dd478ea0fecafb3af666821c2a6eed87b.jpeg)

Thanks in advance for your help!

Grtz,

Bert

---

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [February 11, 2025, 10:32am UTC](https://community.elfsight.com/t/youtube-videos-customization/100378/3 "2025-02-11T10:32:37Z")

</div>

Hi there, @Bert_Schodts and welcome aboard 👋

You’d like to display videos in 4 columns on desktop, 3 - on tablet, 2 on mobile. And what about the number of rows?

From your screenshot, it seems that you’d like to have 2 rows on mobile, right? And how many rows would you like to have on desktop and tablet?

---

<div class="post-metadata">

### Author: ![Bert\_Schodts](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/bert_schodts/32/54212_2.png) [@Bert\_Schodts](https://community.elfsight.com/u/Bert_Schodts)
#### Post date: [February 11, 2025, 10:42am UTC](https://community.elfsight.com/t/youtube-videos-customization/100378/4 "2025-02-11T10:42:14Z")

</div>

Hello Max. Thanks for the quick reply. The number of rows can be two for all. But that’s easily changeable to 1 row I guess if desired? Not yet decided we go for more carousel layout (single row) or more grid layout (multiple rows).

---

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [February 11, 2025, 12:27pm UTC](https://community.elfsight.com/t/youtube-videos-customization/100378/5 "2025-02-11T12:27:43Z")

</div>

Got it!

We’ve adjusted the number of columns/ rows in the Columns and Rows section on the Layout tab and added this code to the Custom CSS field on the Appearance tab of your widget’s settings:

```auto
.yottie-widget-video,
.yottie-widget-video iframe,
.yottie-widget-video-preview-thumbnail img,
.yottie-widget-video-preview-thumbnail {

height: 560px !important;
}

.yottie-widget-video-preview-thumbnail img {
object-fit: cover;
}

```

  

Please check your widget and let me know if you like the result 🙂

---

<div class="post-metadata">

### Author: ![Bert\_Schodts](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/bert_schodts/32/54212_2.png) [@Bert\_Schodts](https://community.elfsight.com/u/Bert_Schodts)
#### Post date: [February 11, 2025, 3:09pm UTC](https://community.elfsight.com/t/youtube-videos-customization/100378/6 "2025-02-11T15:09:41Z")

</div>

Hi Max, thanks for this. it would be great to also be able to define a different player height by breakpoint (like amount of rows, columns and spacing), so the 9:16 content is nicely displayed within a 9x16 container.

Other thing: I tried to use the embed code on a campaign landing page but it’s not showing the gallery. Only white/empty space… Can we connect via email? So I can send you the preview link.

B

---

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [February 11, 2025, 3:47pm UTC](https://community.elfsight.com/t/youtube-videos-customization/100378/7 "2025-02-11T15:47:12Z")

</div>

Sure! You can send it to me in private messages. Just click on my profile image and choose Message 🙂

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/e/3e95020dac41ec7da8359b6b09b88a6ccf008b5c.png)

---

<div class="post-metadata">

### Author: ![Website1](https://avatars.discourse-cdn.com/v4/letter/w/a587f6/32.png) [@Website1](https://community.elfsight.com/u/Website1)
#### Post date: [November 22, 2025, 1:23pm UTC](https://community.elfsight.com/t/youtube-videos-customization/100378/8 "2025-11-22T13:23:58Z")

</div>

Curious if I can have only 1 YT short on my Wix webpage?

---

<div class="post-metadata">

### Author: ![Irene](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/irene/32/35338_2.png) [@Irene](https://community.elfsight.com/u/Irene)
#### Post date: [November 25, 2025, 6:28am UTC](https://community.elfsight.com/t/youtube-videos-customization/100378/10 "2025-11-25T06:28:11Z")

</div>

Hello @Website1, long time no see 👋

Do I get it right that you want to have a [YouTube Gallery](https://elfsight.com/youtube-channel-plugin-yottie/) widget on your website that will display Youtube Shorts one-by-one vertically?

Feel free to share all the details, and I’ll be happy to try and make it work for you 🙂
