How can I individually adjust multicolumn spacing?

[Aiham]

Hi

I want to remove the spacing showed in pic both for mobile and desktob but is it possible to adjust each of these spaces speretaly?

[theycallmemakka]

Hi @Aiham ,

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Made4uo-Ribe]

Hi @Aiham

Is this enough?

If its try this one.

• From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
• Find the theme that you want to edit and click on “Actions” and then “Edit code”.
• In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

#ImageWithText--template--15846108233949__b3263612-692c-4134-b1ec-fbb826724ea5 > div > h5 {
    margin: 0px !important;
}
#ImageWithText--template--15846108233949__b3263612-692c-4134-b1ec-fbb826724ea5 > div > ul {
    margin-top: 0px;
    line-height: 0px !important;
}

• And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[Aiham]

Thank you! This worked partially. The problem left is that the spacing between the bullet points is still too much and change the line height value did not effect it.

[Made4uo-Ribe]

Oh sorry, I didnt check that much. Try this one.

Same Instruction.

#ImageWithText--template--15846108233949__b3263612-692c-4134-b1ec-fbb826724ea5 > div > ul > li > h5 {
    margin: 10px 0;
}

And Save.

Result:

Note: You can change the sizes you like. The first size is the top and bottom the 2nd is righr and left.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[Aiham]

Amazing. Thanks alot