Hi,
Can you please get some help to reduce the margin between the image and the text as shown in the screenshot below ? Thank you
@jikur please share your store URL
Hello,
Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.
Hi @jikur
Could you share your store URL?
Hey @jikur
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
Hi All,
You can see it in the refresh demo store here: https://themes.shopify.com/themes/refresh/styles/default/preview
It’s the same 3-columns section being used as shown in the screenshot below.
I added this code to reduce the image size after seeing the old post.
img.multicolumn-card__image {
max-width: 40px !important;
max-height: 40px !important;
/margin-top: 10%;
margin-bottom: 10%;/
}
Follow these Steps:
Please replace code with this and let me know
.multicolumn-card__image-wrapper--third-width {
width: 40px;
}
Copy
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Rock Technolabs
Thank you.
That resolves the margin issue but it brings back the original issue which is the size of the image is too big. That was the first code for.
@jikur try this one
.multicolumn-card__image-wrapper.multicolumn-card__image-wrapper–third-width.multicolumn-card-spacing {width: 40px !important;}
1 Like
Thank you so much. It works. I appreciate your help.
You are most welcome, Let me know in DM if you need to make any changes to your store.
I am happy to help you out.
Best Regards,
Rock Technolabs