Solucionado
Gente, to tendo um problema com as bolinhas do pagination, não consigo colocar elas em cima dos slides. Já olhei la no site do SwiperJS pra tentar colocar mas não achei nada, Alguém consegue me dizer o problema?
Aqui está o link do código no GitHub: https://github.com/Natianni/Alura-Books
tu precisa definir na classe swiper-pagination a position para initial
ex:
.swiper-pagination {
position: initial;
margin-top: .5em;
margin-bottom: .8em;
}
Nossa muito obrigada! Agora comigo só funcionou depois que troquei o nome da classe no código todo. Assim:
No CSS
.swiper-pag {
position: initial;
margin-top: .5em;
margin-bottom: .8em;
text-align: center;
}
No HTML
<!-- If we need pagination -->
<div class="swiper-pag"></div>