Shopify themes, liquid, logos, and UX
I need to change the image size to be smaller and centered above the text. here is the code:
{% comment %}
** Featured promotions - dynamic **
- Draggable section
- Uses blocks
{% endcomment %}
{% comment %} Content settings {% endcomment %}
{%- assign blocks = section.blocks -%}
{% comment %} End content settings {% endcomment %}
{% if section.blocks.size > 0 %}
<section class="section featured-promotions">
<div class="container">
{% for block in blocks %}
{% comment %} Content settings {% endcomment %}
{%- assign image = block.settings.image -%}
{% comment %} End content settings {% endcomment %}
<div class="featured-promotions__item column medium-down--one-whole {% render 'column-width', value: section.settings.featured_promos_per_row %} {% if section.settings.featured_links_style != blank %}{{ section.settings.featured_links_style }} {% cycle 'delay-025s', 'delay-05s', 'delay-075s', 'delay-1s' %}{% endif %}">
{% if block.settings.link != blank %}
<a href="{{ block.settings.link }}" class="featured-promotions__link">
{% endif %}
<div class="featured-promotions__image featured-promotions__image-rounded-{{ section.settings.rounded_image }}">
{% if image != blank %}
{%
render 'image-element',
image: image,
alt: image.alt,
focal_point: image.presentation.focal_point,
%}
{% else %}
{% capture i %}{% cycle "1", "2", "3", "4", "5", "6" %}{% endcapture %}
{{ 'collection-' | append: i | placeholder_svg_tag: 'placeholder-svg placeholder-svg--promotions' }}
{% endif %}
</div>
{% if block.settings.title != blank %}
<h2 class="featured-promotions__title">{{ block.settings.title | escape }}</h2>
{% if section.settings.show_divider %}
<div class="feature_divider"></div>
{% endif %}
{% endif %}
{% if block.settings.link != blank %}
</a>
{% endif %}
{% if block.settings.text != blank %}
<div class="featured-promotions__text">
{{ block.settings.text }}
</div>
{% endif %}
</div>
{% endfor %}
</div>
</section>
{% endif %}
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025