Reduce white space between rich text and gallery section

Solved
Highlighted
New Member
5 0 0

Hi,

My website URL is www.natashajlabel.com

I am using the minimal theme

On the homepage, I have rich texts as titles for the gallery sections. I want to reduce the space between the two so there isn't so much white space in the middle. I have tried many ways to change the code but for some reason it has no effect. Thank you in advance for your help!

0 Likes
Highlighted
Shopify Partner
581 92 133

Hello @NatashaJLabel, show your problem with screenshot? 

0 Likes
Highlighted
New Member
5 0 0

Hello,

Thanks for the quick response. The red Xs represent the white space I am trying to get rid of

Screen Shot 2020-09-01 at 9.18.55 PM.pngScreen Shot 2020-09-01 at 9.18.48 PM.png

0 Likes
Highlighted
Shopify Partner
581 92 133

@NatashaJLabel,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

@media screen and (min-width: 769px){
.index-section {
padding:0px !important;
}
.grid-link{
padding-bottom:0px !important;
}
}

 


Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

0 Likes
Highlighted
New Member
5 0 0

Hello,

That fixed the spacing between the text and the gallery, but removed all the spacing from the top as well and is sticking to the above section

 

Screen Shot 2020-09-01 at 9.33.57 PM.pngScreen Shot 2020-09-01 at 9.33.44 PM.png

0 Likes
Highlighted
Shopify Partner
581 92 133

@NatashaJLabel, Remove my previous solution 

0 Likes
Highlighted
New Member
5 0 0

Yes, but then the gap under "coming soon" comes back. Is there a way to reduce that gap without reducing the gap above it?

0 Likes
Highlighted
Shopify Partner
581 92 133

This is an accepted solution.

@NatashaJLabel,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

.section-header__title {
margin: 5px !important;
}
.index-section {
padding: 5px !important;
}
.grid-link{
padding-bottom:0px !important;
}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

0 Likes
Highlighted
New Member
5 0 0

Which of these values should I change if I want to increase the space above the rich text, but not increase the space below.

This solved my problem, but it is making the spacing between Top picks and the text too close.

If possible, I would like to increase it a little. I appreciate your help!

Screen Shot 2020-09-01 at 10.05.07 PM.png

0 Likes