1
resposta

[Dúvida] Help Swiper

Boa tarde!

Alguém saberia me dizer como diminui a parte final da imagem nesse carrossel?

Grato.

.carrossel {
    color: var(--cor-branca);
    background-color: var(--cor-preto);
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 8em 0;
    margin: 0 14%;
}

.carrossel__titulo {
    font-size: 2.2em;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.carrossel__paragrafo {
    margin-bottom: 1em;
    font-weight: 400;
}


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

.swiper-button-prev, .swiper-button-next {
   cursor: auto;
   color: var(--cor-branca);
   width: 40%;
   height: 0%;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 22px;
}

.swiper-pagination {
    position: inherit;
    margin: 1em 0 1em 0;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: var(--cor-branca);
    cursor: auto;
}

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

1 resposta

Olá Allan, tudo bem contigo?

Bom, na verdade, eu não consegui compreender claramente o que você deseja que seja feito em seu projeto!

Se possível você poderia me fornecer mais detalhes sobre o que você deseja que seja feito nele?

E mais uma coisa, para que eu possa ser o mais assertivo e direcionado possível eu gostaria de pedir que você compartilhe o seu projeto completo comigo.

Se for possível coloque ele no Github, CodePen, Replit ou alguma outra plataforma que me permita ter acesso ao código e imagens para que eu possa reproduzir o seu ambiente de desenvolvimento e lhe ajudar da melhor forma.

Em suma era isso, estarei aguardando um retorno! Abraços e bons estudos.