Na estilização da carrossel, especificamente em tirar as setas esquerda e direita, e colocar a bolinha acima do carrossel, mesmo utilizando o código abaixo, não ouve alteração. Qual seria o motivo?
.swiper-button-prev, .swiper-button-next{ display: none; }
.swiper-pagination{ position: initial; margin: 0.5em 0; }
Olá, Italo!
O seu código CSS parece estar correto para esconder os botões de próximo e anterior (.swiper-button-prev, .swiper-button-next { display: none; }) e para reposicionar a paginação do carrossel (.swiper-pagination { position: initial; margin: 0.5em 0; }).
Mas alterações não estão sendo aplicadas o que é bem estranho, mas tem algumas possíveis razões para isso Italo, peço para que verifique:
Se o seu arquivo CSS está sendo carregado corretamente. Às vezes, um caminho de arquivo incorreto ou um erro de digitação pode impedir que o arquivo CSS seja carregado.
Pode haver outras regras CSS que estão sobrescrevendo as suas. Isso pode acontecer se as outras regras tiverem uma especificidade maior ou se estiverem definidas depois das suas no arquivo CSS. Para verificar isso, você pode usar a ferramenta de inspeção do seu navegador e ver quais regras CSS estão sendo aplicadas ao elemento.
Em caso de persistência, por favor compartilhe comigo o seu projeto completo, seja ele via GitHub ou Google Drive!
Bons estudos!
Sucesso ✨
Um grande abraço e até mais!