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!
@JulieMaida - yes css can reduce the gap, can you please share this page link to view the page?
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?
Thank you!! https://creativegardenstudio.com/
@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;}
Hi @JulieMaida
To complete your requests, please follow these steps:
- Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
- 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
Thank you!! This worked. Thank you so much!
Thank you so much! I found another one before your post that worked for me. Thanks so much for your help and your time!
@JulieMaida welcome