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?
Hi @Ell_Soll
For that you can use this fast solution,
Follow this:
- Go to Online Store->Theme->Edit code
- 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
Hi thanks for your reply but it’s not work.
I have multirow, not image with text.
have you added code? i cant see in front side?
add it and let me know will check
Added.
Check now.
Css is not loading on page
try to add in layout/theme.liquid just before
Perfect!
Thank you.
I can see one css override by store css so remove old one and add this new
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
This worked for me. However, the previous width of the image is visible.
send me store url will check
Could you tell me how you solved problems with white stripes on the top and bottom of image?