How can I resize multi-row images in the Dawn theme?

[Ell_Soll]

Hi

There is a way to make the Multi Row images smaller?

I tried through my theme customization but it didn't go well because it makes the image not full width.

How I can change the size through code?

ellsoll.com

[Jasoliya]

Hi @Ell_Soll 

For that you can use this fast solution,

Follow this:
1. Go to Online Store->Theme->Edit code
2. Asset->base.css > paste bellow code in bottom of file

.image-with-text__media img{max-width: 500px; max-height: 500px; margin: auto; right: 0; bottom: 0;}

Note: it will work for all image with text section,

- you can change max width and max height in css as you want small or big.

Best regard

[Ell_Soll]

Hi thanks for your reply but it's not work.

I have multirow, not image with text.

[Jasoliya · Accepted solution]

Css is not loading on page

try to add in layout/theme.liquid just before </head>

<style>
.image-with-text__media img{max-width: 500px; max-height: 500px; margin: auto; right: 0; bottom: 0;}
</style>

[Ell_Soll]

Perfect!

Thank you.

[Jasoliya]

I can see one css override by store css so remove old one and add this new

<style>
.image-with-text__media img{max-width: 400px !important; max-height: 400px; margin: auto; right: 0; bottom: 0;}
</style>

[Finlay101]

This worked for me. However, the previous width of the image is visible by lines on each side. How do I get rid of this

[Jasoliya]

  have you added code? i cant see in front side? 

add it and let me know will check

[Ell_Soll]

Added.

Check now.

[Finlay101]

This worked for me. However, the previous width of the image is visible. 

[Jasoliya]

send me store url will check

[Finlay101]

deskgenix.com

[Mikson39]

Could you tell me how you solved problems with white stripes on the top and bottom of image?