[Bug] Problema no Position: initial - Resposta

Olá, pessoal, também tive o mesmo problema indicado no tópico [Bug] Problema no Position: initial .

Pra quem estiver com as bolinhas do Pagination na vertical, conforme abaixo:

Erro da Pagination na vertical

Dê uma olhada se a DIV da Pagination ficou dentro do Wrapper.

        <!-- Slider main container -->
        <div class="swiper">
            <div class="swiper-wrapper">    
                <div class="swiper-pagination"></div>
                <!-- Slides -->
                ...

Pra mim, funcionou só depois de altar a DIV 'swiper-pagination' acima do 'swiper-wrapper'.


        <!-- Slider main container -->
        <div class="swiper">

           <div class="swiper-pagination"></div> 

           <div class="swiper-wrapper">
                <!-- Slides -->
                ...

Swiper pagination posicionado corretamente

Espero que ajude o pessoal!

Abraço!

Olá, Luciano!

Obrigada por compartilhar sua solução para o problema no Position: initial. É ótimo ver que você conseguiu resolver o bug e que sua solução funcionou para posicionar corretamente a Pagination.

Agradeço também por compartilhar o passo a passo de como você fez a implementação do carrossel, desde a importação dos arquivos CSS e JavaScript até a configuração das imagens e do Pagination. Foi muito claro e detalhado e pode ajudar muitos outros alunos!

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Chegou a hora de transformar