Alteração não é aplicada.

saudações,

usando a função Inspecionar do navegador (no meu caso, o Firefox), consegui ajustar com os seguintes valores:

margin-top: 0px; (ou seja, poderia até deletar)
top: 60px;
left: 40px;
margin-bottom: 30px; (para afastar do rodapé)

agora minha dúvida, que se torna uma sugestão, é se está usando um tema-filho. porque pelo seus print, parece que você está editando o arquivo CSS do próprio tema. se for isso, quando o tema for atualizado provavelmente você perderá todas as atualizações que fizer.

então ou você deveria trabalhar com um tema-filho, colocando essa personalização no CSS do tema-filho. ou copiar o código das linhas 5039 a 5049 e colar em Aparência > Personalizar > CSS Adicional, para eliminar risco de perder essas personalizações quando atualizar o tema.

espero ter ajudado. por favor, informe se resolveu o problema. se sim, favor marcar o tópico como resolvido.

[gassho]

bem, aqui eu vejo como eu havia visto quando mexi no Inspecionar. ou seja, o botão está com um espaçamento. o único porém é o fato de ainda estar “colado” na barra de rodapé. sugiro que acesse usando uma janela anônima, talvez esteja vendo um cache armazenado no seu navegador.

sobre o caso da barra, eu tenho uma suspeita. se usar o inspecionar na barra, verá que tem um <footer class="site-copyright">. pois bem, eu acho que essa class usa margin de 0px, para “colar” nas bordas lateral e inferior do site. só que acaba “colando” no elemento imediatamente acima, que é o botão.

você pode procurar no mesmo arquivo que editou pelo CSS de .site-copyright. ou pode ir em Aparência > Personalizar > CSS Adicional e colocar

.site-copyright {
margin-top: 30px; // ajuste o valor para ficar do jeito que deseja
}

pelo Inspecionar resolveu. ai você pode deletar aquela sugestão anterior que dei de margin-bottom: 30px; (para afastar do rodapé)

por favor, informe se deu certo. e se sim, favor marcar o tópico como resolvido.

[gassho]

• Esta resposta foi modificada 4 anos, 5 meses atrás por Ralden Souza.