Avisos
Vaciar todo

Como centrar el texto del menú principal  

 
José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Buenas tardes:

Me gustaría central el texto de mi menú principal

He leído el post: 113401, que especificáis que se coloque al final del template.css la siguiente instrucción:

.box > div > h3.header {
text-align: center;
}

Pero no me ha funcionado, me podéis decir que puedo hacer para centrar el texto del menú.

Un cordial Saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/11/2014 5:22 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

En tu caso sería un template diferente posiblemente

Además lo que puedes hacer es simular un centrado ya que no aplicaría el text-aling:center debido a elementos float

Ubica el siguiente archivo :
http://manceboasesores.com/fany/templates/tx_zenith_ii/css/template.css

Agreaga el código:

.ex-menu{
position:relative;
left:10%;
}

Puedes cambiar 10% por otro valor

Saludos.

ResponderCitar
Respondido : 25/11/2014 8:34 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Gracias Jhon:

He introducido el código que me has dado pero en ningún momento veo que se centre el menú.

He aumento el porcentaje pero el menú se mueve más a la derecha si aumento la parte left.

Hay alguna otra solución?.

Un cordial saludo

ResponderCitar
Respondido : 26/11/2014 9:47 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola José Antonio,

Tal como te indica Jhon, hay que ajustar con el porcentaje para que se muestre centrado, por ejemplo:

Saludos

ResponderCitar
Respondido : 26/11/2014 10:12 am

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Gracias Jordi:

Si pongo el código de Jhon y en vez de left:10px pongo left:-20px en una pantalla normal, se ve bien, pero si utilizo responsive design se pierde por la parte izquierda de la ventana.

Dime que puedo hacer o si hay alguna solución

Un cordial saludo.

ResponderCitar
Respondido : 26/11/2014 1:21 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a cambiar el código que te ha dado Jhon por este otro:

#widget-menu div.widget-menu div.content {
text-align: center;
}

.ex-menu {
float: none;
display: inline-block;
}
ResponderCitar
Respondido : 26/11/2014 3:36 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

José Antonio Farfán Sedeño
 José Antonio Farfán Sedeño
Estimable Member

Muchas Gracias Pablo.

Me gusta más tú opción ya que cuando utilizo el responsive desing actua mejor tú código que el de Jhon.

De todas formas no queda centrado como me gustaría a mi, pero no está mal como está.

Un cordial Saludo.

ResponderCitar
Respondido : 26/11/2014 4:22 pm