How can I reduce image size in Impulse Theme Footer Promotions?

[davidmorley83]

Hi,

We are using Impulse Theme and adding the section ‘Footer Promotions’ to all pages (excluding index page). As you can see from the screenshot, the images/icons are too large and need reducing. Could someone please help me with the code to edit where I can reduce the image size to at least half?

I have included the code below from the footer.promotions.liquid file where I believe to be the place to edit the sizing?

CODE

{%- liquid
assign fixed_aspect_ratio = false
unless section.settings.image_size == ‘natural’
assign fixed_aspect_ratio = true
endunless

assign show_section = true
if template == ‘index’ and section.settings.hide_homepage
assign show_section = false
endif -%
-%}

{%- if show_section -%}
{%- if section.blocks.size > 0 -%}
{%- liquid
assign grid_item_width = ‘medium-up–one-half’
if section.blocks.size == 3
assign grid_item_width = ‘medium-up–one-third’
endif
-%}

{%- for block in section.blocks -%}

{%- if block.settings.enable_image -%} {%- if block.settings.image != blank -%} {%- if fixed_aspect_ratio -%}

{% assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}

{%- else -%}

{%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

{%- endif -%} {%- else -%} {%- if fixed_aspect_ratio -%}

{{ 'lifestyle-1' | placeholder_svg_tag: 'placeholder-svg' }}

{%- else -%} {{ 'lifestyle-1' | placeholder_svg_tag: 'placeholder-svg' }} {%- endif -%} {%- endif -%} {%- endif -%} {%- if block.settings.title != blank -%}

{{ block.settings.title }}

{%- endif -%} {%- if block.settings.text != blank -%}

{{ block.settings.text }}

{%- endif -%} {%- if block.settings.button_label != blank -%} {{ block.settings.button_label }} {%- endif -%}

{%- endfor -%}

{%- endif -%} {%- endif -%}

{% schema %}
{
“name”: “Footer promotions”,
“max_blocks”: 3,
“class”: “index-section–footer”,
“settings”: [
{
“type”: “checkbox”,
“id”: “hide_homepage”,
“label”: “Do not show on home page”
},
{
“type”: “select”,
“id”: “image_size”,
“label”: “Image size”,
“default”: “wide”,
“options”: [
{
“value”: “natural”,
“label”: “Natural”
},
{
“value”: “square”,
“label”: “Square (1:1)”
},
{
“value”: “landscape”,
“label”: “Landscape (4:3)”
},
{
“value”: “portrait”,
“label”: “Portrait (2:3)”
},
{
“value”: “wide”,
“label”: “Wide (16:9)”
}
]
}
],
“blocks”: [
{
“type”: “promotion”,
“name”: “Column”,
“settings”: [
{
“type”: “checkbox”,
“id”: “enable_image”,
“label”: “Show image”,
“default”: true
},
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Site-wide promotion”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”,
“default”: “

Use this section to promote content throughout every page of your site. Add images for further impact.

”
},
{
“type”: “text”,
“id”: “button_label”,
“label”: “Button label”,
“default”: “Optional button”
},
{
“type”: “url”,
“id”: “button_link”,
“label”: “Link”
}
]
}
],
“default”: {
“blocks”: [
{
“type”: “promotion”
},
{
“type”: “promotion”
},
{
“type”: “promotion”
}
]
}
}
{% endschema %}

SCREENSHOT

[solverStaff]

Hello @davidmorley83

Please share more details for a clear understanding