How to get 6 columns in Dawn 2.0 multicolumn section?

Store Design
1

Hey! I am trying to get the 6 columns in the multicolumn section on Dawn 2.0. I’ve managed to get the icons to display in 6 columns using this custom code:

#Slide-template–15338706010277__1643725932b0fbe580-5 {
width: auto !important;
}

#Slide-template–15338706010277__1643725932b0fbe580-4 {
width: auto !important;
}

#Slide-template–15338706010277__1643725932b0fbe580-3 {
width: auto !important;
}

#Slide-template–15338706010277__1643725932b0fbe580-2 {
width: auto !important;
}

#Slide-template–15338706010277__1643725932b0fbe580-1 {
width: auto !important;
}

But the last column is displaying like this:

Screenshot 2022-02-02 at 09.14.40.png
Screenshot 2022-02-02 at 09.14.40.png1896×424 92.8 KB

Store:https://elsantis-pets.myshopify.com/

PW: mowzug

2

Hi @AnnaH ,

li#Slide-template--15338706010277__1643725932b0fbe580-5 {
    margin: 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-multicolumn.scss.liquid

3

Worked perfectly, thank you!

4

Hi Anna,

I am looking to create a similar layout on my site and was wondering where you added the custom code and how did you get the colour in the columns to be the same?

Thanks,