2
respostas

Como estilizar o carrossel??

Bom dia,

Gostaria de saber como estilizar meu carrossel para ficar igual ao do figma.

Gostaria de estilizar os bullets, os espaços entre as imagens do carrossel e as setas de next e prev.

Meu projeto:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Projeto figma: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Oi, beleza?

Tem a documentação: https://swiperjs.com/swiper-api#navigation onde tem as classes que vc precisa mudar pra chegar proximo ao que o figma traz

{ --swiper-navigation-size: 44px; --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); }

mas o figma é só uma base, nem sempre nós conseguimos chegar no que tá no figma e é normal!

Dica aqui: https://cursos.alura.com.br/forum/topico-estilizar-as-setas-do-carrossel-igual-do-figma-esse-metodo-e-valido-esta-correto-317549

desculpe mas não entendi como devo colocar isso no CSS. Poderia me ajudar?