# Different images sizes on website

**URL:** <https://community.elfsight.com/t/different-images-sizes-on-website/121521>\
**Category:** General Questions\
**Tags:** slider\
**Created:** [May 19, 2025, 12:12pm UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521 "2025-05-19T12:12:58Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![B.S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/b.s/32/72492_2.png) [@B.S](https://community.elfsight.com/u/B.S)\
**Post date:** [May 19, 2025, 12:12pm UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/1 "2025-05-19T12:12:58Z")

</div>

Hi all,

I created a slider. After watching the result in elfsight - everything was looking good. On website, mostly all images have differnet sizes. On mobile the widget hight is cutting of. What can I do to fix it?

BR

---

<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:** [May 19, 2025, 1:22pm UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/3 "2025-05-19T13:22:24Z")

</div>

Hi there, @B.S 👋

Could you please send me a link to the page, where your widget is installed?

---

<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:** [May 19, 2025, 3:13pm UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/5 "2025-05-19T15:13:38Z")

</div>

@B.S Thanks for sharing a link!

I’ve forwarded this issue to the devs and will update you once any news comes up 🙂

---

<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:** [May 22, 2025, 6:50pm UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/6 "2025-05-22T18:50:55Z")

</div>

Hi there, @B.S 👋

We’ve fixed the issue by adding this code to the Custom CSS field on the Settings tab of your widget’s settings:

```auto

.global, .embed-16by9 {
  height: 785px;
}

@media (max-width: 500px) {
	.eapp-slider-media-container .eapp-slider-media-component {
  max-width: 100% !important;
	}
  .global, .embed-16by9 {
    height: 614px !important;
  }
}

.eapp-slider-media-container img {
  max-width: none !important;
}

```

  

Check it out and let me know if it’s fine now 🙂

---

<div class="post-metadata">

**Author:** ![B.S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/b.s/32/72492_2.png) [@B.S](https://community.elfsight.com/u/B.S)\
**Post date:** [May 26, 2025, 6:53am UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/8 "2025-05-26T06:53:13Z")

</div>

Awesome. It works… Thx and BR

---

<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:** [May 26, 2025, 7:06am UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/9 "2025-05-26T07:06:34Z")

</div>

Awesome, you’re always welcome 😉

---

<div class="post-metadata">

**Author:** ![B.S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/b.s/32/72492_2.png) [@B.S](https://community.elfsight.com/u/B.S)\
**Post date:** [May 26, 2025, 7:44am UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/10 "2025-05-26T07:44:20Z")

</div>

Short question: is it possible to set iframe on full width? in settings a max width of 2880px is only possible.

---

<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:** [May 26, 2025, 9:12am UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/11 "2025-05-26T09:12:15Z")

</div>

This CSS code will help you set the widget width to 100%:

```auto
.global-styles,
.py-block:has(.elfsight-app-2b18a0e2-0e08-47e6-b642-76e2de30c4fa),
.py-block:has(.elfsight-app-2b18a0e2-0e08-47e6-b642-76e2de30c4fa) *:not(.elfsight-app-2b18a0e2-0e08-47e6-b642-76e2de30c4fa *) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  max-width: 100vw;
}

```

  

Please try it out and let me know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![B.S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/b.s/32/72492_2.png) [@B.S](https://community.elfsight.com/u/B.S)\
**Post date:** [May 26, 2025, 9:24am UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/12 "2025-05-26T09:24:15Z")

</div>

> [@Max](#):
>
> ```auto
> .global-styles,
> .py-block:has(.elfsight-app-2b18a0e2-0e08-47e6-b642-76e2de30c4fa),
> .py-block:has(.elfsight-app-2b18a0e2-0e08-47e6-b642-76e2de30c4fa) *:not(.elfsight-app-2b18a0e2-0e08-47e6-b642-76e2de30c4fa *) {
> padding-left: 0 !important;
> padding-right: 0 !important;
> margin: 0 !important;
> max-width: 100vw;
> }
> 
> ```

it is now on full width! Thx

---

<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:** [May 26, 2025, 9:34am UTC](https://community.elfsight.com/t/different-images-sizes-on-website/121521/13 "2025-05-26T09:34:41Z")

</div>

No sweat 😉