Remove margin bottom on slider

Solved
Highlighted
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
Highlighted
Trailblazer
304 73 85

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
Highlighted
Excursionist
45 0 3

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

0 Likes
Highlighted
Trailblazer
304 73 85

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
Highlighted

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.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Excursionist
45 0 3

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

0 Likes
Highlighted

@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.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes