CODEWITHSUNDEEP
ionic2
Mitul Patel
Mitul Patel

Reputation: 154

How to customize Ionic 2 Slider

I'm working in Ionic 2, I have used Ionic 2 Slider and I attached Ionic reference link which I used.

I have developed this but, my requirement is both side 10 percent Slider should be show see second one image this is my requirement, so how can i customize it Please help me

enter image description here

enter image description here

Upvotes: 1

Views: 404

Answers (2)

Kapil
Kapil

Reputation: 1141

You can use width:80% so it will work properly 

.slides  { 
    width: 80%;
    margin: 0 auto;
}

Upvotes: 1

Mitul Patel
Mitul Patel

Reputation: 154

I have solved this issue using CSS only:

.slides  { 
    width: 90%;
    margin: 0 auto;
}
.swiper-container{
    overflow: inherit !important;
}
.swiper-slide {
    border: 5px solid #fff;
    border-radius:10px;
}

Upvotes: 0

Related Questions