Um usuário perguntou ?
O principal problema que vejo com esse tema é que o contêiner (que contém o conteúdo principal e as barras laterais) tem uma posição máxima muito estreita, desperdiçando muito espaço de tela nas laterais. Eu quero configurá-lo para largura total (cerca de 1900 pixels na minha tela. Ou, melhor do que pixels, ser capaz de definir porcentagem percentual, como os temas responsivos reais). nas configurações de personalização, em design, você pode configurá-lo para 2000, MAS não terá nenhum efeito superior a 1100 pixels! No layout de 2 barras laterais, a largura do contêiner não deve exceder 1100 pixels. (Você pode corrigi-lo mais, mas não funcionará) Pior ainda é o layout da barra lateral 1. A largura do contêiner é maximizada em cerca de 1200px, MAS… quando você passa de 800px, todo o layout começa a se mover de o centro para fora! a borda esquerda da tela! Em 1200 pixels (máximo), o conteúdo fica na borda esquerda da tela, a barra lateral direita fica no meio da tela e o terço direito da tela fica completamente vazio. Parece horrível fora do meu meio no meu monitor de 1900 pixels. Você pode me dizer que tipo de CSS personalizado eu poderia usar para contornar essas limitações e definir o hub externo para tamanhos largos?
– Segundo, como mudo a cor do título do site? Embora a personalização do CSS eu tentei isso, mas falhou: .site-title {color: #05613D! Importante;}
Obrigado por todo o seu trabalho e ajuda.
Autor do tópico
(@pressmaximum)
Faz 2 anos
Olá @oakleaf101
Para definir o contêiner para largura de tela inteira, tente adicionar isso a Personalizar => CSS adicional:
.customify-container, .layout-contained { max-width: 100% !important; }
E para alterar o título do site, adicione:
.site-branding .site-title a { color: #05613D !important; }
Deixe-me saber como vai!
lançador de tópicos
(@oakleaf101)
Faz 2 anos
Obrigado! Isso resolveu a maior parte. O título funciona. (E você não precisa da tag .site, ela só funciona usando “.site-title a”. Essa tag âncora fez isso.) A largura do contêiner de página TAMBÉM funciona! Meu problema “fora do centro” foi meu erro: eu tinha o layout -> barras laterais corrigidas para 2 barras laterais, quando eu estava usando apenas uma. Mas algo relacionado agora: existe uma maneira de definir a largura das barras laterais com CSS personalizado? (Seria preferível definir a largura de cada uma das 2 barras laterais individuais e, de preferência, %, em vez de pixels, para torná-la realmente responsiva.) Obrigado novamente por todo o seu trabalho e ajuda.
Autor do tópico
(@pressmaximum)
1 ano, 12 meses atrás
@oakleaf101
Largura de pixel não usada, barras laterais e conteúdo de unidade usado.
Se você usar um layout de conteúdo/barra lateral, é de 75% a 25%.
E se você usar o layout Conteúdo/Barra Lateral/Barra Lateral, é 50% – 25% – 25%.
Por exemplo, se você quiser alterar a largura no layout Conteúdo/Barra Lateral/Barra Lateral, adicione isto:
#main { max-width: 50%; flex-basic: 50%; }
#sidebar-primary { max-width: 25%; flex-basic: 25%; }
#sidebar-secondary { max-width: 25%; flex-basic: 25%; }
Altere a % como quiser, mas sempre certifique-se de que o total seja 100%.
lançador de tópicos
(@oakleaf101)
1 ano, 11 meses atrás
Olá, muito obrigado por toda sua ajuda. Eu tentei seu CSS personalizado e o painel personalizado deu um sinal de aviso dizendo: “Propriedade desconhecida: flex-basic”. Mas apliquei mesmo assim e funcionou, mas dentro dos limites de design de uma certa porcentagem. Eu tive problemas com barras laterais que não cresciam além de um certo ponto. Mas então percebi que poderia usar uma propriedade ‘min-width’ e funcionou. Então você está usando flexbox para layout? Isso facilita a codificação. Eu usei floats ou blocos inline para layouts CSS há alguns anos em sites estáticos, mas eles podem ser triviais. Achei que o flexbox era mais fácil, mas o IE e os navegadores mais antigos não podiam usá-lo e li que é mais lento. De qualquer forma, hoje em dia a maioria dos navegadores pode usá-lo, então talvez agora seja a melhor maneira de fazer isso. E fácil. De qualquer forma, obrigado pelo seu tema de 5 estrelas e grande apoio.
Isto foi útil?
0 / 0