Alterações do Microthemer em todas as páginas

ThiagoAlencar

No curso o Ramiro ensina como selecionar para a alteração feita no microthemer ser feita em apenas uma página quando mexendo no cabeçalho, dando entender que alterações no cabeçalho seriam feitas no site todo, entretanto, quando fiz a alteração no cabeçalho esse não alterou nas demais páginas mas apenas na Home, daí cada página tenho que fazer a mesma alteração…. Teria que marcar alguma opção, num sei, talvez alguma coisa no Tema, Astra, como ativar em todo o site?

ivan

ThiagoAlencar depende de como você faz uso do seletor. Durante o curso ele mostra que é possível usar um seletor mais específico, que acaba pegando o ID de um elemento, mas também mostra como usar seletores mais genéricos e portanto abrangentes. Da uma olhada como está o seu seletor e caso ele esteja usando uma classe “home”, “page-id-XY” ou algo assim, ele será aplicado apenas naquela página. Se puder mandar uma print do seu seletor mostrando o código nele, pode ajudar a decifrar.

De qualquer forma não recomendo nunca usar o Microthemer para resolver questões que possam ser feitas diretamente nas configurações, seja do bloco ou tema. No seu caso o que exatamente você está tentando fazer no cabeçalho que não consegue fazer nas configurações de personalização do tema?

ThiagoAlencar

Estava deixando o cabeçalho mais estreito, fiz alterações no spacing para o primary e below header e tambem nas dimensões do do campo de busca, adicionado pelo widget / woocoomerce. Tudo que queria fazer primeiro esgotei através do tema, confesso que não cheguei a tentar peo editor de blocos. Os seletores eram:

#ast-desktop-header .ast-grid-center-col-layout. >>> referente ao cabeçalho abaixo
#ast-desktop-header .ast-primary-header-bar. >>> referente ao cabeçalho primário
#wp-block-search__input-1 >>> referente aa barra de pesquisa
#block-22 button[type=“submit”] >>> referente ao ao botão da barra
#block-22 .search-icon >>> referente ao ícone do botão da barra

Ah, lembrei que utilizei o MT também o ícone ficar dentro da barra alterando a posição, e até a quantidade de produtos dentro do carrinho e não acima.

ivan

ThiagoAlencar use o Microthemer apenas como último recurso, procure primeiro fazer as alterações usando o tema e se não encontrar de jeito nenhum, então você recorre ao CSS.

ThiagoAlencar

ivan , entendi!

Estava agora mesmo lembrando disso que falaste, pois para configurar a responsividade via tema tenho que criar três widgets para cada opção dispositivo, computador, tablet, smartfone, e ocutar dois para cada um. Nesse caso seria melhor fazer no Microthemer, essa parte de resposividade?

Em relação aquela primeira dúvida, eu não consegui fazer as alterações no cabeçalho que fossem para todo o site, to fazendo página a página, daí nunca fica igual e ainda tem a resposividade de cada página. Fora que sempre tem um nível que passa batido, tipo fiz home, categoria e produto, daí vou testar e quando o carrinho tá diferente, depois o checkout…. seria muito bom que a alteração fosse no cabeçalho em todo o site.

ivan

alterações de espaçamento linha abaixo do cabeçalho você resolve no próprio cabeçalho, não tem necessidade de CSS para isso, você resolve diretamente nas configurações do tema

Com relação a não estar funcionando em outras páginas, pelos seus seletores não tem nenhum indicativo que está sendo usado apenas uma página específica e isso me sugere que possa ser um problema de cache. Experimenta abrir a página que fez essa configuração e demais páginas em uma janela anônima ou também em um outro navegador para verificar.

ThiagoAlencar

ivan , fala meu amigo, fiz o teste, não era cache mas felizmente percebi o erro, e foi algo interessante de perceber, pois não lembro disso ser abordado nos vídeos, talvez seja algo de alguma atualização. Simplesmente, os seletores estavam na pasta home, apenas transferi-os para a pasta cabeçalho e deu certo. Obrigado pela atenção!