Text Columns with Icons in Impulse Theme

[JulieMaida]

Hi! I am trying to figure out if I can just add custom CSS to fix this issue. The gap between columns is quite large on the "Text Columns with Icons" section in the Impulse Theme (on mobile especially). I have three columns. The gap between each column is much too large. How to I reduce it in this section with CSS? Thanks!

[suyash1]

@JulieMaida - yes css can reduce the gap, can you please share this page link to view the page?

[JulieMaida]

Thank you!! https://creativegardenstudio.com/

[suyash1 · Accepted solution]

@JulieMaida - do you want like this? if yes then add this css to the very end of your theme.css file and check

.text-with-icons__blocks .text-with-icons__block{padding: 12px;}

[JulieMaida]

Thank you!! This worked. Thank you so much! 

[suyash1]

@JulieMaida  welcome

[devcoders]

Hello @JulieMaida 

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[JulieMaida]

Thank you so much! I found another one before your post that worked for me. Thanks so much for your help and your time!

[DaisyVo]

Hi @JulieMaida 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.text-with-icons__block {
    padding-inline: 5px !important;
}

Here is the result: 

I hope this helps

Best, 

Daisy