change image size and section height

pureluxepilates
Tourist
7 0 1

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 %}

Replies 0 (0)