Skip to content

Instantly share code, notes, and snippets.

@alperbayram
Created March 27, 2022 13:40
Show Gist options
  • Save alperbayram/2c96a060c4607a6b41443396cdc57d1b to your computer and use it in GitHub Desktop.
Save alperbayram/2c96a060c4607a6b41443396cdc57d1b to your computer and use it in GitHub Desktop.
Swiperjs Prev/Next Buttons Değiştirme
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-button-next {
background-image: url(Rightcarousel.png);
background-repeat: no-repeat;
background-size: 100% auto;
width: 66px;
height: 45px;
}
.swiper-button-next::after {
display: none;
}
.swiper-button-prev {
background-image: url(Leftcarousel.png);
background-repeat: no-repeat;
background-size: 100% auto;
width: 66px;
height: 45px;
}
.swiper-button-prev::after {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment