Increase text column padding for 'text columns with media' in Showcase theme

Store Design
1

Hi there,

I’m trying to work out how to increase the padding between text columns on my website which uses the showcase theme:

https://hellojoy.com.au/

It’s for the section with three columns (text and images), directly under the landing page image. In the back end, this is a section called ‘text columns with media’.

Many thanks :slightly_smiling_face:

2

@ErikaJoy09

To increase spacing between text with image columns follow below steps :

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > styles.css and paste this at the bottom of the file:
.column.text-column .text-column__text{
  padding: 0 20px;
}

Hope this works well.

Best Regards !

3

Please add below css code in bottom of assets/styles.css file

.column.text-column.align-center .align-center {
padding: 0 20px;

}
Thank you.

4

Hi @ErikaJoy09 ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

GemPages_0-1679556280946.png
GemPages_0-1679556280946.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

5

Hello @ErikaJoy09 :waving_hand:

First of all, you should check the section setting inside the theme editor to see if there is an option to customize the padding. That is a safe and clean method.

If there isn’t, so you can insert custom CSS code as other users have replied.

6

Thanks so much, this worked perfectly. :slightly_smiling_face: