# Change Preview Image Size

**URL:** <https://community.elfsight.com/t/change-preview-image-size/88006>\
**Category:** Customization\
**Tags:** file-embed\
**Created:** [December 10, 2024, 3:30pm UTC](https://community.elfsight.com/t/change-preview-image-size/88006 "2024-12-10T15:30:14Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![David\_Crockett](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/david_crockett/32/6656_2.png) [@David\_Crockett](https://community.elfsight.com/u/David_Crockett)\
**Post date:** [December 10, 2024, 3:30pm UTC](https://community.elfsight.com/t/change-preview-image-size/88006/1 "2024-12-10T15:30:14Z")

</div>

I would like to reduce the size of the size of the preview image.

> **[Press Releases](https://tasco-soccer.com/index.php/about/press-releases)**
>
> The Texas Association of Soccer Coaches serves high school soccer coaches across the state through educational and growth opportunities.

---

<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:** [December 10, 2024, 3:40pm UTC](https://community.elfsight.com/t/change-preview-image-size/88006/3 "2024-12-10T15:40:55Z")

</div>

Hey there, @David_Crockett 👋

Please add this code to the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it helped:

```auto
.global-styles,
:root {
--eas-image-size: 100px;
}

.eapp-file-embed-grid-item {
width: auto !important;
min-width: var(--eas-image-size);
flex: 0 0 var(--eas-image-size);
}

.eapp-file-embed-icon-image {
max-width: var(--eas-image-size);
max-height: var(--eas-image-size);
}

```