How to reduce/cancel the space between photos

Highlighted
Tourist
11 0 3

I want to cancel the space between the photos "T-SHIRTS", "HOODIES" and "ACCESSOIRES"

 

0 Likes

Hello 

At this css at the bottom of

Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.index-section {
     padding-top: 0px!imoprtant; 
     padding-bottom: 0px!imoprtant; 
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Tourist
11 0 3

@oscprofessional

It´s not working :-(

0 Likes

hi, @

your website is broken please check

https://drive.google.com/file/d/1zLxvv9NTuEHiX7TOZU8_yrKS8lUOMhk-/view

 

Thanks & Regards
Perennial Solution

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Tourist
11 0 3
@Perennial
I know. That came after I put in the code from oscP.

When I take out the code the site works again. Did I something wrong or is the code wrong?
0 Likes
Tourist
11 0 3

I changed the code to that:

.index-section {padding-top: 0px!important;
padding-bottom: 10px!important;

 

And now its working, BUT the text above and under these banners is now much too close.

Is it possible to adjust that the distances are the same as before and only the banners are set to 0px distance?

0 Likes

This is because you have added the code for index.section and this class is added for each of the sections on the Homepage so this 0 px is applied to all sections on the Homepage.

You need to add a different class for this banner section and add this css for that section by using it's class name respectively.

 

Hope it helps!

Thanks & Regards
Perennial Solution

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes