How do I fit 4 images in one line in a multi-column element? (Dawn Theme)

Solved

How do I fit 4 images in one line in a multi-column element? (Dawn Theme)

madeformagic
New Member
6 0 0

Screen Shot 2022-06-30 at 2.43.56 PM.png

 

I'm wanting to achieve the layout as shown in the screenshot above where all the images are in one line in desktop mode. But the multi-column is limited to 3 before it creates a new line. 

 

Right now, the screenshot below is what the layout looks like. For reference, I am using the Dawn theme. And as I am creating this website for a client, I am unable to provide the link to the Shopify website for legal purposes.

 

 

Screen Shot 2022-06-30 at 2.43.38 PM.png

 

 

Thank you for all your help!

Accepted Solution (1)

suyash1
Shopify Partner
10825 1338 1715

This is an accepted solution.

@madeformagic - This will need custom css , I can understand that you can not share actual site link but you can share the preview link and you can email the link if you want to keep it private,

 

but need to check code on browser to get the solution.

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
10825 1338 1715

This is an accepted solution.

@madeformagic - This will need custom css , I can understand that you can not share actual site link but you can share the preview link and you can email the link if you want to keep it private,

 

but need to check code on browser to get the solution.

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
madeformagic
New Member
6 0 0

Hey! Thanks for your reply. I have sent it to you via email. Please check when you can.

suyash1
Shopify Partner
10825 1338 1715
I replied back on email, please let me know the page name on which you have
it.
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Lfbok
Shopify Partner
20 2 3

Configuration as shown:

Lfbok_0-1656560957882.png

 

banned

made4Uo
Shopify Partner
3874 718 1226

Hi @madeformagic,

 

You can do the following.

 

1. Go to Admin > Online store > Themes > Customize.

2. Follow the images below.

 

Screenshot 2022-06-29 210416.jpg

 

This will open the Section settings.

 

Screenshot 2022-06-29 210704.jpg

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free