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

Solved

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

StevenLe1504
Tourist
4 0 3

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/

 

problem.png

Accepted Solution (1)

KetanKumar
Shopify Partner
37289 3652 12088

This is an accepted solution.

@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.
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

Replies 7 (7)

KetanKumar
Shopify Partner
37289 3652 12088

This is an accepted solution.

@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.
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
Tourist
4 0 3

It's work. Thank you so much!

KetanKumar
Shopify Partner
37289 3652 12088

@StevenLe1504 

its my pleasure to help us 

yes, please share screenshot 

If helpful then please Like and Accept Solution.
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
Tourist
4 0 3

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

 

Problem 1.png

KetanKumar
Shopify Partner
37289 3652 12088

@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.
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
Tourist
4 0 3

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

Hans99
Tourist
16 0 1

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 Screenshot 2023-10-09 at 3.29.23 PM.png