Olá a todos!
Quero remover o tamanho de largura fixa e substituí-lo por um valor percentual.
Como posso fazer isso? Já tentei várias coisas, mas nenhuma funcionou.
Aqui estão duas imagens de como deveria ser na “página inicial”.
E aqui, dentro de um tópico.
Então, quem pode me dar uma dica ou diretamente o código para isso?
Ficaria muito grato!
Ninguém pode me ajudar? Por favor!
Por largura da coluna
Primeiro, precisamos redefinir display: flex;:
.categories-and-latest {
display: block;
}
e, em seguida, definir a largura:
.column.categories{
width: 40%;
float: left;
}
Isso é apenas um exemplo. Você pode precisar pegar o div anterior e ajustar a largura da tela. Não tenho ideia do que acontecerá em dispositivos móveis, e isso exigirá a adição de mais CSS.
Preste atenção a: display: flex;. Talvez haja dificuldades nisso.
Obrigado!
O que estou procurando é o seletor CSS para a largura padrão.
Tentei .wrap e muitos outros, mas nenhum funcionou. Eu os obtive com o inspetor.
Tentei usar .wrap com
max-width: 100%;
e a largura passou a ser 100%.
Se eu fizer isso, apenas o cabeçalho e o rodapé ficam em 100%.
Estou perdendo algo?
EDIT:
Verifiquei novamente e inseri
#main > div #main-outlet {
max-width: 90%;
width: 90%;
}
mas, como você pode ver na captura de tela, isso é sobrescrito pelo theme_11.scss e não sei o motivo.
Tente esta opção.
.categories-and-latest {
display: block;
}
.wrap {
max-width: 90%;
width: 90%;
}
.categories-and-latest div.column.categories {
width: 40%;
float: left;
}
É o mesmo que acima, é sobrescrito pelo theme_11.scss.
É realmente irritante porque funcionou uma vez, mas agora não funciona mais.
Edição:
É um dos componentes do tema, preciso descobrir qual deles.
Consegui, é o “Rodapé responsivo fácil” oficial. Após removê-lo, o site mudou para 90% de largura.
Talvez @Johani possa dar uma olhada, porque eu gostaria de ter o rodapé novamente.
Edição 2:
E o “Banner Versátil” está “corrompendo” as alterações de largura. Talvez @tshenry também possa dar uma olhada?