Como corrigir o erro de CSS no Customizer do Astra Pro

Porque o preview do Personalizar renderiza a regra na hora, no navegador, antes de gravar. No site publicado, o WordPress imprime o CSS Adicional no head pela função wp_custom_css_cb. Se o cache serve um head antigo ou o dynamic CSS do Astra Pro vence por especificidade, a regra existe mas não tem efeito visivel.

Abra a página, pressione F12, va em Elements e clique no elemento estilizado. Na aba Styles, se a sua regra aparece riscada (tachada), outra regra com mais especificidade venceu, geralmente o CSS dinamico do Astra Pro. A correção e tornar o seu seletor mais específico, prefixando com o body ou um container do tema.

Porque o WordPress grava o CSS Adicional no tipo de post custom_css vinculado ao tema ativo. Ao trocar de tema ou ativar um tema filho, o código salvo no tema anterior deixa de ser carregado. Ele não foi apagado: basta voltar ao tema antigo para ve-lo, ou copiar a regra para o CSS Adicional do tema novo.

Evite. O importante resolve no curto prazo mas vira uma guerra de importantes dificil de manter. O caminho correto e aumentar a especificidade do seletor, ancorando a regra em um container do Astra como o .ast-container ou prefixando com o body. Assim a sua regra vence o dynamic CSS sem abusar do importante.

Pode, e e a causa mais comum. Plugins de cache e o Cloudflare guardam o HTML com o head antigo, antes de a regra ser impressa. Limpe o cache do plugin, da hospedagem e do Cloudflare, depois recarregue com Ctrl+Shift+R para ignorar o cache do navegador. Na maioria dos casos a regra aparece logo após isso.

Sim. A minificacao e a combinacao de CSS as vezes removem ou reordenam o bloco inline do CSS Adicional, fazendo a regra carregar antes do dynamic CSS do Astra Pro e perder. Exclua o CSS Adicional da minificacao ou desligue a combinacao de CSS inline para o bloco do Personalizar voltar a vencer.

O CSS de site inteiro fica em Aparencia -> Personalizar -> CSS Adicional, o campo nativo do WordPress que o Astra Pro respeita. Os Custom Layouts do Astra Pro também aceitam CSS, mas esse so se aplica onde a condicao de exibicao do layout casa. Se a regra deve valer no site todo, use o CSS Adicional do Personalizar, não o campo de um Custom Layout.

Não na maioria dos casos. Limpar o cache, ajustar a especificidade do seletor e confirmar o tema ativo certo são feitos pelo painel e pelo inspetor do navegador. O FTP so entra se você precisar mover o CSS para o style.css do tema filho por organizacao, o que e opcional.