Padding for content inside the Multicolumn

Hope someone can assist here, so i want to add padding to the row so theres more space as looks cramped up in mobile view. Theres padding for the multicolumn but that only affects the outer space, i want to edit the columns inside it how can i do it or can someong suggest me a code for this please see image for guidance

as you can see in the middle if there was more space inbetween would look so much better. Its odd shopify dont have this option.

Theme is Dawn thanks

1 Like

Hi @abdus ,

WOuld you mind to share your store URL website? with password if its protected. Thanks!

1 Like

thanks for your prompt response its Eurekaah.co.uk

1 Like

Thank you for the information. Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
  4. And Save.
ul#Slider-template--15137739964439__4fa67ec3-433a-4913-88ff-7bd057213817 {
    row-gap: 30px;
}

Result:

Note: You can adjust the sizes.

I hope it help.

1 Like

you are the best, you saved me countless hours of frustration haha. This did the trick, thanks again for helping out once more. Have a good one.

1 Like

Welcome. :blush: