I want to change the height of my "image with text" section

Technical Q&A
1

Hi - how do I change the height of the “image with text thin” section in my services collection page? (screenshot attached). Thank you so much for your help!

Link to Services Collection: https://hudson-beauty.myshopify.com/collections/services-1

Link to Page

https://hudson-beauty.myshopify.com/?key=8885cce29fc8fef8823c732add0c0f6e866b3866a2a0bbd5f1b242b5eabf42ec

password: hbb

2

@hudsonbeautybar Can you please send me screenshot of the section which you would like to reduce the height?

1 Like
3

Can you please published the image with text section and let me know? Maybe I will be able to provide the code.

Thank You.

1 Like
4

{%- if section.settings.divider -%}

{%- endif -%}

{%- liquid
assign overlap_images = true
if section.settings.image != blank and section.settings.image2 == blank
assign overlap_images = false
endif
-%}

{%- capture image_layout -%}
{%- if section.settings.image != blank -%} {%- endif -%} {%- if section.settings.image2 != blank -%} {%- endif -%} {%- if section.settings.image == blank and section.settings.image2 == blank -%}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
{%- endif -%}
{%- endcapture -%}
{%- if section.settings.layout == 'left' -%} {{ image_layout }} {%- endif -%}
{%- if section.settings.subtitle != blank -%}
{{ section.settings.subtitle }}
{%- endif -%} {%- if section.settings.title != blank -%}
{{ section.settings.title | escape }}
{%- endif -%} {%- if section.settings.text != blank -%}
{{ section.settings.text }}
{%- endif -%} {%- if section.settings.button_label != blank -%} {%- endif -%}

{%- if section.settings.layout == ‘right’ -%}
{{ image_layout }}
{%- endif -%}

{%- if section.settings.divider -%}

{%- endif -%}

{% schema %}
{
“name”: “Image with text thin”,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”
},
{
“type”: “image_picker”,
“id”: “image2”,
“label”: “Image 2”
},
{
“type”: “range”,
“id”: “image_width”,
“label”: “Image width”,
“default”: 700,
“min”: 200,
“max”: 700,
“step”: 10,
“unit”: “px”
},
{
“type”: “text”,
“id”: “subtitle”,
“label”: “Subheading”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Image with text”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”,
“default”: “

Pair large text with an image to tell a story, explain a detail about your product, or describe a new promotion.

”
},
{
“type”: “text”,
“id”: “button_label”,
“label”: “Button label”
},
{
“type”: “url”,
“id”: “button_link”,
“label”: “Button link”
},
{
“type”: “select”,
“id”: “button_style”,
“label”: “Button style”,
“default”: “primary”,
“options”: [
{
“value”: “primary”,
“label”: “Primary”
},
{
“value”: “secondary”,
“label”: “Secondary”
}
]
},
{
“type”: “select”,
“id”: “align_text”,
“label”: “Text alignment”,
“default”: “left”,
“options”: [
{
“value”: “left”,
“label”: “Left”
},
{
“value”: “center”,
“label”: “Centered”
},
{
“value”: “right”,
“label”: “Right”
}
]
},
{
“type”: “select”,
“id”: “layout”,
“label”: “Layout”,
“default”: “right”,
“options”: [
{
“value”: “left”,
“label”: “Image on left”
},
{
“value”: “right”,
“label”: “Image on right”
}
]
},
{
“type”: “checkbox”,
“id”: “divider”,
“label”: “Show section divider”,
“default”: false
}
],
“presets”: [
{
“name”: “image with text thin”
}
]
}
{% endschema %}

5

Ugh sorry - I realized in my original post.. I referenced the incorrect collection. It’s actually in the “Academy” collection - https://hudson-beauty.myshopify.com/collections/academy. Thank you so much!