Como centralizar o texto do menu no Wordpress? Como na imagem de anexo, o texto do menu está centralizado a esquerda. Como faço para deixar ele Centralizado no meio? Obrigada
[RESOLVIDO] Como Centralizar o menu do WordPress?
14 Respostas
Tem como mandar o link do site ou mostrar o código? De preferencia, põe no codepen.io que é mais fácil pra ajudar.
Existe varias formas para vc fazer isso, acredito que um forma simples seria vc adicionar um class selector no css como:
.menuCenter {
width: 70%;
margin: auto;
}
e adicionar ela na div do seu menu, conforme:
<div class="menuCenter">
... seu codigo menu
</div>
Muda isso:
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
Pra isso:
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
display: inline-block;
vertical-align: middle;
}
E acrescenta isso:
.main-nav {
text-align: center;
}
Oi, primeiramente muito obrigada pela atenção e disponibilidade…
Aonde eu acho esse CSS do menu no wordpress? Já tentei substituir pelo plugin find and Replace, mas não deu certo. <div class="lightbox-wrapper"><a class="lightbox" href="/uploads/3X/e/3/e345a709584e3404b8add4ba490c4f9ee4c3b95e.jpeg.webp" data-download-href="/uploads/default/e345a709584e3404b8add4ba490c4f9ee4c3b95e" title="cats.jpg"><img src="/uploads/3X/e/3/e345a709584e3404b8add4ba490c4f9ee4c3b95e.jpeg.webp" alt="cats" width="690" height="291" srcset="/uploads/3X/e/3/e345a709584e3404b8add4ba490c4f9ee4c3b95e.jpeg.webp, /uploads/3X/e/3/e345a709584e3404b8add4ba490c4f9ee4c3b95e.jpeg.webp 1.5x, /uploads/3X/e/3/e345a709584e3404b8add4ba490c4f9ee4c3b95e.jpeg.webp 2x" data-small-upload="/uploads/3X/e/3/e345a709584e3404b8add4ba490c4f9ee4c3b95e.png.webp"><div class="meta">
<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>cats.jpg1565×662 178 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>
</div></a></div>
Esse da imagem em anexo é o Editor do meu tema (que é meio perigoso mexer porque pode ferrar tudo)
Utilizando o plugin yellow pencil o código CSS que aparece no elemento menu é esse aqui:
/* Widget */
#right-sidebar .inside-right-sidebar .widget{
display:none;
}
/* Footer widgets */
#footer-widgets{
display:none;
}
/* Body */
body{
background-color:#057169;
}
/* Footer */
.site-footer footer{
background-color:#f89834;
margin-bottom:20px;
height:29px;
min-height:29px;
padding-bottom:36px;
}
/* Site navigation */
#site-navigation{
background-color:#f89834;
}
/* Inside site info */
.site-footer .site-info .inside-site-info{
margin-left:auto !important;
margin-bottom:3px;
}
.inside-site-info .copyright-bar p{
margin-bottom:41px;
}
Pior que eu não vou saber te instruir no WordPress.
Se vc tiver acesso ao HTML, pode ser que funcione se vc colocar aqueles 2 trechos que mostrei dentro da tag style bem no finalzinho da pagina, antes da tag .
1 like
Então, eu tentei com o código que você me mandou pelo plugin find and replace, esse plugin ele acha e altera qualquer código html… Você teria como dar uma olhada no código fonte do site? D:
…Então, eu tentei com o código que você me mandou pelo plugin find and replace, esse plugin ele acha e altera qualquer código html… Você teria como dar uma olhada no código fonte do site? D:
Olhei aqui, ta igual. Vc chegou a mudar alguma coisa?
Eu tentei pelo Find and Replace, mas eu acho que ele não encontrou
…Eu tentei pelo Find and Replace, mas eu acho que ele não encontrou
Não sei como vocês estavam na conversa, mas já foi centralizado.
Olá Abner. Infelizmente não consegui centralizar pelo menu normal do WordPress, tive que fazer um pelo Elementor, que é um plugin page builder.
1 like
…Olá Abner. Infelizmente não consegui centralizar pelo menu normal do WordPress, tive que fazer um pelo Elementor, que é um plugin page builder.
Criado 15 de fevereiro de 2019
Ultima resposta 15 de fev. de 2019
Respostas 14
Participantes 4