Slideshow makes my image smaller (Dawn theme)

[Jiozx]

Hi,

I have added a slideshow on my webshop and for some reason the slideshow makes my image smaller.

I have looked in several CSS files in my theme code and I can't find the CSS code that makes it smaller.

Where is its CSS located? (I want to edit its current CSS not add more (unnessecary) CSS).

Webshop: https://axiomunit.store

[Jiozx]

It’s definitely not the picture

[Jiozx]

No.

[Jiozx · Accepted solution]

I have fixed it.

Here's the solution:

Find this in slideshow.liquid and add your image's width where it says "widths:"

<div class="slideshow__media banner__media media{% if block.settings.image == blank %} placeholder{% endif %}">
          {%- if block.settings.image -%}
            {%- assign height = block.settings.image.width | divided_by: block.settings.image.aspect_ratio | round -%}
            {{ block.settings.image | image_url: width: 3840 | image_tag:
              loading: 'lazy',
              height: height,
              sizes: "100vw",
              widths: '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840'
            }}
          {%- else -%}
            {{ 'lifestyle-2' | placeholder_svg_tag: 'placeholder-svg' }}
          {%- endif -%}
        </div>