1
resposta

[Dúvida] menu hamburger e carrossel

Olá,

Eu tenho uma dúvida sobre o projeto do Alura books. Eu gostaria de saber como faço para tirar os "4 pontinhos" (?) do carrossel que fica "em cima" do menu hamburger quando está aberto e como faço para o menu ficar azul igual o figma quando é clicado ? (https://www.figma.com/file/sSMbIqKaGBd66Y8roxTk2p/AluraBooks?node-id=37-94&t=mBwuXBiPu4TWe4aV-0)

os 4 pontinhos da barra de movimento do carrossel ficam em cima do menu hamburger quando eu abro

1 resposta

Acho que as bolinhas você tenque deixar por dar ao user algo de interatividade no carrosel.

quanto a cor do swiper

.swiper-pagination-bullet-active {
  background-color: #FF0000; /*Substitua pela cor desejada*/
}

Este código seleciona a bolinha ativa (ou seja, a bolinha correspondente ao slide atual) e define a cor de fundo para a cor que você especificar no código. Você pode substituir "#FF0000" pela cor desejada em formato hexadecimal, RGB ou nome da cor.

Lembre-se de que, ao usar o Swiper JS, é recomendável verificar a documentação oficial e entender como os diferentes elementos do carrossel são estruturados e estilizados para que você possa personalizá-lo de acordo com suas necessidades.

https://swiperjs.com/swiper-api#initialize-swiper