Remove margin bottom on slider

Solved
YanisM
Excursionist
45 0 3

Hey guys,
I'm trying to remove bottom margin on my collection page's sliders. As you can see down below, the margin is 100, and I'd like to turn it to 0.


atelier 17 margin bottom 2.png


I've tried some things but it didn't change anything. Any idea how to change it?

Website: https://atelier17-boutique.com/collections/parisienne
Password: atelier17

0 Likes
Vikas_Chovatiya
Navigator
392 88 116

Hi @YanisM 

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

@media screen and (max-width: 1280px)}{
	.collection-header {
	    margin: 0 3.2vw 50px;
	}
	.collection-header__container {
	    margin: 0;
	}
	#shopify-section-slider-parisienne {
	    padding: 0;
	    margin: 0;
	}
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
YanisM
Excursionist
45 0 3

@Vikas_Chovatiya When I add your code, CSS stops working on my website

0 Likes
Vikas_Chovatiya
Navigator
392 88 116

Hi @YanisM 

Please replace this CSS

@media screen and (max-width: 1280px){
	.collection-header {
	    margin: 0 3.2vw 50px;
	}
	.collection-header__container {
	    margin: 0;
	}
	#shopify-section-slider-parisienne {
	    padding: 0;
	    margin: 0;
	}
}

 

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes

This is an accepted solution.

@YanisM 

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

.mount-slider{
    margin-bottom: 0 !important;
}

 


Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ How to add a slider & thumbnails to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
YanisM
Excursionist
45 0 3

@diego_ezfy It works thank you so much.
Thanks @Vikas_Chovatiya for your help!

0 Likes

@YanisM 

You're welcome, I'm glad to hear!

Next time feel free to contact me personally, I'll be happy to help.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ How to add a slider & thumbnails to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
IamLLIIME
Trailblazer
160 1 41

Good day sir! Can you also help me on the spaces also in the dots below the slider?

IamLLIIME_0-1610710607029.png

@diego_ezfy 

0 Likes