Hello,
can someone tell me how I can make these images smaller which I added with the following code:
Thank you!
My website: aliudclothing.com
Topic summary
A user is seeking help to reduce the size of images added to their Shopify store using HTML code. They’ve implemented a custom div with display:flex containing multiple image elements but need guidance on making these images smaller.
Current Implementation:
- Using inline HTML with
<div class="custom_info" style="display:flex;"> - Images are loaded directly via
<img src="">tags from Shopify CDN - Images appear to be promotional graphics (Free Shipping, Return Policy boxes)
Issue:
The images are displaying at their full size and need to be resized.
Potential Solutions:
This typically requires adding CSS width/height properties either inline (e.g., style="width: 100px;") or through stylesheet rules targeting the image elements or parent container.
The discussion remains open with no responses yet. The user has tagged it with CSS, HTML, and product-page related topics, indicating they’re working on customizing their Shopify theme’s product display.
