# Youtube Widget custom CSS

**URL:** <https://community.elfsight.com/t/youtube-widget-custom-css/17928>\
**Category:** Customization\
**Tags:** youtube-gallery\
**Created:** [July 27, 2023, 4:33pm UTC](https://community.elfsight.com/t/youtube-widget-custom-css/17928 "2023-07-27T16:33:52Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![user1612](https://avatars.discourse-cdn.com/v4/letter/u/ea5d25/32.png) [@user1612](https://community.elfsight.com/u/user1612)\
**Post date:** [July 27, 2023, 4:33pm UTC](https://community.elfsight.com/t/youtube-widget-custom-css/17928/1 "2023-07-27T16:33:52Z")

</div>

I am fairly new to this and I am a bit confused on how to use Custom CSS, I am trying to add a shadow to the widget, maybe using box-shadow, but I don’t know what else to include except for box-shadow: 3px 3px 3px lightgray; I add that and nothing happens. I do see others using eapps -something, where is this for the you tube gallery? Are there any instructions anywhere on how to use this?

---

<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:** [July 27, 2023, 4:45pm UTC](https://community.elfsight.com/t/youtube-widget-custom-css/17928/3 "2023-07-27T16:45:25Z")

</div>

Greetings @user1612

It’s truly wonderful that you’ve decided to become a part of our Community! Welcome 🎉

Could you please send me a direct link to the webpage where your widget is installed, or [widget ID](https://help.elfsight.com/article/1001-where-to-get-your-widget-id) if it’s not installed?

---

<div class="post-metadata">

**Author:** ![user1612](https://avatars.discourse-cdn.com/v4/letter/u/ea5d25/32.png) [@user1612](https://community.elfsight.com/u/user1612)\
**Post date:** [July 27, 2023, 4:49pm UTC](https://community.elfsight.com/t/youtube-widget-custom-css/17928/4 "2023-07-27T16:49:49Z")

</div>

Thank you, this is just a test that I am doing, this is the app

elfsight-app-fc577695-e8d2-4379-a8f7-851b37cfa293

I am trying to get a shadow outside the widget, on the borders of the widget, and I thought I could use the custom css to do it.

Applying a shadow outside elfsight looks odd since there is some space between the widget border and where the shadow starts.

---

<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:** [July 27, 2023, 5:41pm UTC](https://community.elfsight.com/t/youtube-widget-custom-css/17928/5 "2023-07-27T17:41:57Z")

</div>

Great, thank you!

Your request is now with our dev. We’ll keep you posted here 🙂

---

<div class="post-metadata">

**Author:** ![Masha](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/masha/32/1771_2.png) [@Masha](https://community.elfsight.com/u/Masha)\
**Post date:** [July 28, 2023, 6:22am UTC](https://community.elfsight.com/t/youtube-widget-custom-css/17928/7 "2023-07-28T06:22:19Z")

</div>

Hi @user1612,

You could try using this code. Let me know if that’s what you were looking for!

```auto
.yottie-widget-inner {
  box-shadow: 3px 3px 3px lightgrey;
  margin: 0 5px 5px 0;
}

```