Is there a way through the code to make the images in the multicolumn section smaller (e.g., 50% smaller) and add some padding around them?
See the image below.
Topic summary
A user seeks to reduce image sizes in the multicolumn section of the Taste theme by approximately 50% and add padding.
Proposed Solutions:
-
CSS customization approach: One response suggests adding custom CSS to the section settings:
- Target
.multicolumn-card__image-wrap - Set
width: 50%,height: auto, andmargin: 0px auto - Apply
!importantto override existing styles
- Target
-
Theme editor approach: Another user recommends adjusting the image width directly through Shopify’s theme customizer (Online store > Themes > Customize).
Both solutions appear viable, offering either a code-based or visual editor method to resize multicolumn images. Screenshots were shared to illustrate the issue and solution paths.
You can try adding this to the custom CSS settings of the section:
.multicolumn-card__image-wrapper {
width: 50%;
height: auto;
margin: 0px auto;
}
I hope that solves your problem!
@biznazz101
1 Like
1 Like