Resize of my multicolumn in my home page please?

[gabrielanesser]

I would like to reduce the size of my multicolumn to a very small size (at least 50% less of the size below, as it is way too big on my main page)

[PageFly-Oliver]

Hi @gabrielanesser ,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
[class*="multicolumn-"]{
width:50%;
margin:auto
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[gabrielanesser]

Hi, thanks for that, but it did not work. It now looks like this:

[azamgill]

@gabrielanesser 

I think your icons are bery big so that it's taking a lot space, you can reduce the image size from the multicolumn settings. 

Try to change the Image width 
Please note i take this screenshot from Shopify Dawn theme.

[gabrielanesser]

Hi, thanks for your reply. I already tried to reduce the image and even with a smaller one the multicolumns look still very big. The image size is not the issue, as I am wanting the whole multicolumn smaller. 

[azamgill]

please try this 

.multicolumn-list {max-width: 80%;margin: 0 auto;}

[gabrielanesser]

Hi, I tried this and the multicolumns get a bit smaller and narrower, but it is stil big 😞

[gabrielanesser]

i would like to get something like the below image, but I do not have the option to add an "horizontal list" in my shopify dawn theme, just the multicolumn one. 

[syedsumaimaly]

Hi @gabrielanesser 

Please provide password as well so I can visit your store and provide a solution.