1
resposta

codigo deu erro nao some seta azul

Meus Favoritos Carrinhos de compras Meu perfil

Ja sabe onde começar?

Tudo para seu desenvolvimento.

Novos Lançamentos

<div class="swiper-wrapper">
  <!-- Slides -->
  <div class="swiper-slide"><img src="img/ApacheKafka.svg" alt="Livro: Apache Kafta e Spring Boot"></div>
  <div class="swiper-slide"><img src="img/Liderança.svg" alt="Livro: Liderança em Design""></div>
  <div class="swiper-slide"><img src="img/Javascript.svg" alt="Livro: JacaScript Assertivo"></div>
  <div class="swiper-slide"><img src="img/Guia Front-end.svg" alt="Sobre guia"></div>
</div>


<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
      carrosel.css
      
      
    .carrossel_titulo {
color: orange;
background-color: white;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
padding: 1em 0 0.5em 0;

}

.swiper-slide img { width: 100%; }

.swiper-button-prev, .swiper-button-next { display: none; }

.swiper-pagination { position: initial; margin: .5em 0; }

1 resposta

Oi Vinicius, tudo bem?

Para a seta azul desaparecer é necessário adicionar ao seu código:

  .swiper-button-prev, .swiper-button-next {
        display: none;
    }

Caso continue dando erro, você pode tentar essa sugestão que um aluno deixou em outro tópico.

Certifique-se de sempre salvar as alterações e recarregar a página para que as mudanças tenham efeito.

Se surgir qualquer dúvida, estou aqui.

Abraços e bons estudos!