How can I add more space between columns?

Store Design
1

I’m using the Debut Theme.

I’d like to add more space between Text columns with images on larger screens.

I’ve changed the page width from max-width: 1200px; to max-width: 1500px; and tried a bunch of diferent stuf on class .grid__item but nothing works properly.

Can anyone help?

2

@DxMartins

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thanks for the reply.

4

@DxMartins

thanks for url but its password protect

5

@DxMartins

yes, i have updated this code if someone else use it in future

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
#shopify-section-feature-columns .page-width {max-width:1500px;}
.feature-row__image-wrapper {max-width: 100% !important;}
.feature-row__image-wrapper .feature-row__image {max-width: 100% !important;max-height: 100% !important;}
6

@DxMartins

#shopify-section-feature-columns .page-width {max-width:1300px;}

@media only screen and (min-width: 1400px) {
#shopify-section-feature-columns .grid {
margin-left: -70px;
}
#shopify-section-feature-columns .grid .grid__item {
padding-left: 70px;
}
}