How to reduce rich text padding

Derek_Wu
Shopify Partner
2 0 0

My website https://charmingcuddles.com/ has a huge gap from the rich text at the top to the collection list. How do I reduce this? 

Using Pop Free theme.

Thanks

0 Likes
Cynthia_D_
Shopify Staff
Shopify Staff
96 0 16

Hey there Derek!

Cynthia here, a Guru with Shopify :).

The best way to change that would be to make some changes to your theme's stylesheet - this way you can narrow down more specific areas without affecting the rest of the body. 

Go to your Admin->Online Store->Themes area, click the '...' icon, and go to Edit HTML/CSS.

Once you're there, go to Assets on the left, select timber.scss.liquid and scroll all the way down to the bottom, where you can add this piece of code:

 #shopify-section-rich-text.index-section {
  padding-bottom: 0px;
}

That should do the trick and decrease the space in between the rich text and your collection list.

If you have any questions, let me know!

Cynn | Guru @ Shopify

0 Likes
Derek_Wu
Shopify Partner
2 0 0

Okay thanks. I've still got quite a big gap, what else can I do? 

0 Likes
Cynthia_D_
Shopify Staff
Shopify Staff
96 0 16

Hello Derek :)

There's some top padding in the collection list section there - you could remove that to reduce the gap even further!

Add this code to the bottom of your CSS stylesheet as well:

 #shopify-section-1487005628607.index-section {
   padding-top: 0px;
 }

Alternatively, if you wanted the same sort of padding to apply to all index sections (instead of just the padding in the bottom Rich Text and top Collection List), then you could replace everything we've added with this instead:

 .index-section {
  padding-bottom: 0px;
   padding-top: 0px;
}

And then adjust the padding accordingly if you need a little extra space :).

Let me know if you need anything else!

Cynn | Guru @ Shopify

0 Likes
Michael_Todd
Tourist
51 0 2

none of this work on my supply theme.. so annoying...

0 Likes
Jason
Shopify Expert
10416 165 2064

Michael - This post is talking about the Pop theme. If you're using Supply you can't expect the same style code to work. Might be worth making a new post (if you've not already)  since your question is different.

I jump on these forums to help and share some insights. Not looking to be hired, and not looking for work.

Don't hand out staff invites or give admin password to forum members unless absolutely needed. In most cases the help you need can be handled without that.


★ http://freakdesign.com.au ★
0 Likes
kneeinjurycoach
New Member
1 0 1

Any chance you know how to do this in the Brooklyn theme?  Many thanks!  

KetanKumar
Shopify Partner
23424 2356 8627

@kneeinjurycoach 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
LEUNGGUOTAO
Excursionist
29 0 4

Hi

My url is sales.bellissimochina.com

I have the same issue about rich text padding .

Pls help me ! Thanks!

0 Likes