How to edit rounded corner image in multicolumn section for Dawn theme?

StevenLe1504 · ‎12-10-2022

Hello, I have a problem to solve.

I want to edit the rounded corner for images in the multicolumn section for the Dawn theme. And I would like to decrease the horizontal and vertical gap of each picture. My website: https://forentino.com/

KetanKumar · ‎12-10-2022

@StevenLe1504

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.multicolumn-card .media>img {border-radius: 10px;}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar · ‎12-10-2022

@StevenLe1504

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.multicolumn-card .media>img {border-radius: 10px;}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

StevenLe1504 · ‎12-10-2022

It's work. Thank you so much!

KetanKumar · ‎12-10-2022

@StevenLe1504

its my pleasure to help us

yes, please share screenshot

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

StevenLe1504 · ‎12-11-2022

How can I decrease the horizontal and vertical gap between each picture in multicolumn section?

KetanKumar · ‎12-11-2022

@StevenLe1504

thanks for sharing this details But how do I check? i cant see this section at home page?

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

StevenLe1504 · ‎12-10-2022

Can I ask 1 more question? How can I decrease the horizontal and vertical gap between each picture?

Hans99 · ‎10-09-2023

Hi, I have added this code into the custom CSS section and it works but the background is now grey. Is it possible to change the background to white as shown in the picture below

How to edit rounded corner image in multicolumn section for Dawn theme?

How to edit rounded corner image in multicolumn section for Dawn theme?

Community Blog Articles