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?
A
14 Respostas
W
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.
B
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>
W
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;
}
A
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;
}
W
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 .
A
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:
A
…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:
W
Olhei aqui, ta igual. Vc chegou a mudar alguma coisa?
A
Eu tentei pelo Find and Replace, mas eu acho que ele não encontrou
A
…Eu tentei pelo Find and Replace, mas eu acho que ele não encontrou
R
Não sei como vocês estavam na conversa, mas já foi centralizado.
A
Olá Abner. Infelizmente não consegui centralizar pelo menu normal do WordPress, tive que fazer um pelo Elementor, que é um plugin page builder.
A
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