# Change width and height of images in Columns layout

**URL:** <https://community.elfsight.com/t/change-width-and-height-of-images-in-columns-layout/75117>\
**Category:** Photo Gallery\
**Created:** [October 11, 2024, 6:11pm UTC](https://community.elfsight.com/t/change-width-and-height-of-images-in-columns-layout/75117 "2024-10-11T18:11:21Z")\
**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:** [October 11, 2024, 6:11pm UTC](https://community.elfsight.com/t/change-width-and-height-of-images-in-columns-layout/75117/1 "2024-10-11T18:11:21Z")

</div>

Add this code to the Custom CSS field on the Style tab of your [Photo Gallery](https://elfsight.com/photo-gallery-widget/) widget’s settings:

```auto
.eapp-photo-gallery-item-data-image {
max-width: 400px !important;
max-height: 400px !important;
}

```

  

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions 🙂