How to edit multi column images to align them to the left as well as make them larger?

Store Design
,
1

Hi there! I would like to edit my multi column images so that they are aligned to the left of the text and button. I would also like to make the images more rectangular vertically. I am comfortable with editing code but I am not quite sure what the right CSS would be. This is what it currently looks like:

williamk0601_0-1669159942813.png
williamk0601_0-1669159942813.png1560Ă—411 28.9 KB

However I envision it to look like this:

williamk0601_1-1669159970692.png
williamk0601_1-1669159970692.png925Ă—269 94.8 KB

Another thing to note is that I would only like to edit the images of THIS multi column section on THIS specific page. I do no need all multi column images aligned like this.

Here is the preview link to my store page: https://d68zbav1npvf56kw-55086776342.shopifypreview.com

Thank you!

2

Hi @williamk0601

It is currently not possible to customize this column section of Shopify. So I suggest you use another section, “Image with text.” It has the structure you want but cannot align on the same line. It looks like this:

view - 2022-11-23T101840.347.png
view - 2022-11-23T101840.347.png1397Ă—804 116 KB

You can go to “customize theme” and follow the tutorial video below if you want to try:

https://www.loom.com/share/528a12b899084021bad5474888cae215

I hope that this can help you solve your issue.

3

@williamk0601

yes its possible to make some customization code

4

Hi,

It is possible but code customization is needed.

you can hire me.

Thank you.