How to edit column width on home page section "text columns with images" in debut theme?

Store Design
1

Hello,

I hope someone could help me in editing the column width of my three columns on my home page. There is plenty of space on the side but for some reason the margins take a lot of this space.

Thankful for help!

And here is the link to my homepage where its easier to see the problem more exactly: www.ektahelsinki.fi

Screenshot 2022-02-21 at 22.36.15.png
Screenshot 2022-02-21 at 22.36.15.png1440×547 160 KB

2

Hi @NicolinaZ

Please add the following code at the end of your theme.css file:

#shopify-section-feature-columns > div {
    max-width: initial!important;
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

3

Thank you for your quick answer!

It did sort of help, now the columns are using the max width of the margins but would be super happy to know how these margins can be adjusted? Would be great if the columns were a little bit more inside from the outer margins, is it possible to choose how far from the outer margins we want the columns to be?

Thanks again!

4

Modify the percentage in the code below to tweak the width as needed:

@media only screen and (min-width: 749px)
{
#shopify-section-feature-columns > div {
    max-width: 80%;
}
}

Let me know if that solves it!

5

Great, thanks a lot! That solved it :slightly_smiling_face: