Enfrentei um pouco de trabalho nessa estilização do index, que se perdeu por acrescentar as as .alert e .alert-primary do .css, fiz mudança, nos arquivos static e fiz novamente o python manage.py collectstatic.
.card {
border-radius: 10px;
box-shadow: 0px 10px 10px #00000050;
color: #FFFFFF;
margin-bottom: 1.5rem;
position: relative;
width: 450px;
--bs-card-bg: #041d3e;
}
Olá, Ariany!
Você está enfrentando problemas com a estilização após usar o collectstatic. Aqui estão algumas dicas que podem ajudar:
Verifique o Caminho dos Arquivos Estáticos: Certifique-se de que o caminho para os arquivos CSS no seu template está correto. Pode ser algo como {% static 'styles/style.css' %}.
Ordem de Carregamento: Assegure-se de que o seu arquivo CSS personalizado está sendo carregado após o CSS do Bootstrap. Isso garante que suas regras de estilo sobrescrevam as do Bootstrap.
Cache do Navegador: Tente limpar o cache do navegador ou abrir a página em uma janela anônima para garantir que as mudanças estão sendo aplicadas.
Verifique o Conteúdo do Diretório Staticfiles: Após rodar python manage.py collectstatic, verifique se os arquivos CSS atualizados estão presentes no diretório staticfiles.
Console do Navegador: Use o console do navegador para inspecionar os elementos e ver quais estilos estão sendo aplicados. Isso pode ajudar a identificar se o CSS correto está sendo carregado.
Bons estudos!