# Change size of preview images

**URL:** <https://community.elfsight.com/t/change-size-of-preview-images/88012>\
**Category:** File Embed\
**Created:** [December 10, 2024, 3:41pm UTC](https://community.elfsight.com/t/change-size-of-preview-images/88012 "2024-12-10T15:41:57Z")\
**Posts on this page:** 1\
**Page:** 1

<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:41pm UTC](https://community.elfsight.com/t/change-size-of-preview-images/88012/1 "2024-12-10T15:41:57Z")

</div>

Add this code to the Custom CSS field on the Appearance tab of your [File Embed](https://elfsight.com/file-embed-widget/) widget’s settings:

```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);
}

```