How can I resize the height of slideshow banners?

Technical Q&A
1

Hello everyone.

I am going crazy, and I can’t figure out what I am missing. I’m trying to reduce the height of my slideshow banners - I don’t have an option to create a hero banner.

I’ve gotten to the code, and I can see that it’s making it magnified by a %, but I can’t figure out how to get it to magnify only the width, or at least reduce the height.

I’ve copy/pasted the code in question below. Could someone give me a hand? I’m totally stumped. My url is www.maptavern.com and the view code is seimpe

style="{% if block.settings.offer_size != blank %}
font-size: {{ block.settings.offer_size }}px;line-height:1;margin-bottom:5px;
{% endif %}
{% if block.settings.offer_color != blank %}
color:{{ block.settings.offer_color }};
{% endif %} ">
{{ block.settings.offer }}

{% if section.blocks.size > 0 %}
{% for block in section.blocks %}

{% if block.settings.image != blank %}

{%- assign img_url = block.settings.image | img_url: ‘2000x’ -%}
{{ block.settings.image.alt }}

{% else %}
{% capture current %}{% cycle 1, 2 %}{% endcapture %}
{{ ‘lifestyle-’ | append: current | placeholder_svg_tag: ‘placeholder-svg’ }}
{% endif %}

{% if block.settings.title != blank or block.settings.subheading != blank %}

{{ block.settings.title_2 }}

{{ block.settings.vertical_text }}
{{ block.settings.offer_desc }}

{% if block.settings.button != blank %} {{ block.settings.button }} {% endif %}

{% endif %}

{% endfor %}

2

Just reduce the height of the image itself.

For lots of code there is a button to insert code sample which increases the chances someone will read hundreds of lines of random code.

3

I tried that, but because the image is being magnified by the code it doesn’t make a single bit of difference.