Pra mim, a alteração na transparência da div só funcionou aplicando o "!important" no css.
.banners-titulo {
--bs-bg-opacity: .2 !important;
}
Solucionado
Pra mim, a alteração na transparência da div só funcionou aplicando o "!important" no css.
.banners-titulo {
--bs-bg-opacity: .2 !important;
}
Olá, Renata!
Entendo que você teve que usar o "!important" para conseguir a transparência na div do banner. Isso geralmente acontece quando há algum outro estilo CSS que está sobrescrevendo a regra que você está tentando aplicar.
Como o bootstrap aplica muitas regras muitas das vezes pode se tornar necessário utilizar o @important, muito obrigado por compartilhar sua experiência, pois pode ajudar muitos outros alunos
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!