how to reduce white space between featured collection images and carousel number

[sjosborne]

Hi, I have slightly reduced the white space between the featured collection images and carousel but I would like it to still be closer together. 

This is the code I used:

 .card__information {
padding-bottom: 0px !important;
}
.slider--desktop {

margin-bottom: 0px !important;
}

 

 

[CafeDelMar]

Hey @sjosborne

I can take a look at this. Can you share the store URL? If it's password-protected, then the password would be needed too.

[sjosborne]

Hi 

URL: https://nailsbysj.com

password: reucka 

[CafeDelMar]

I don't see the carousel. Is it disabled?

[sjosborne]

Hi, no i don’t think so. I can see it? 

There is only 3 products 

[CafeDelMar]

1: Go to Online Store -> Theme -> Edit code.
2: Search for styles.css
3: Paste the below code at the bottom of the file -> Save

@media screen and (max-width: 989px) {
.slider.slider--tablet .slider__slide {
	padding-bottom: 0px;
	}
}

Final result:

[Ellie-BOGOS · Accepted solution]

Hi @sjosborne 😊 Ellie again from BOGOS, #1 Shopify Promotion App

Please paste this CSS code into any CSS file.

.grid__item.slider__slide{ padding-bottom: 0px !important; }

 Let me know if it works or not! Appreciate it if you could Like and Accept as Solution if my answer was helpful!

[Ellie-BOGOS]

@sjosborne 😊 Appreciate if you could try and tell me if my code worked or not 💙

[sjosborne]

Hi this worked, thank you 

[Rahul_dhiman]

Hello @sjosborne 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-slider.css
add this code at the end of the file and save.

@media screen and (max-width: 989px) {
.slider.slider--tablet .slider__slide {
padding-bottom: 0px !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks