Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Tamaño, formato y alineado de la barra principal  

 
GASTON
 GASTON
Usuario activo

Estimados adjunto imagen y explico los dos inconvenientes que tengo.

https://ibb.co/55YSxz5

1) No logro achicar el tamaño del menú, me gustaría que fuera más fino, de modo que las palabras del menú queden centradas (no quiero solo centrar las palabras, sino ademas achicar el alto del menú y que el logo se achique proporcionalmente. Ya entre a "cabecera y navegación/barra de menú principal" pero lo máximo que me achica la barra es a 30.
2) No me gusta el color celeste del texto cuando se selecciona, por lo que veo en "combinación de colores" solo me deja elegir entre 4 opciones más, y ninguna combina con la estética. ¿como se cambia a más colores?

Gracias

Citar
Respondido : 19/08/2020 5:51 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Envíanos la url exacta de tu sitio web para ver lo que comentas y ver el código que se genera.

Saludos.

ResponderCitar
Respondido : 19/08/2020 6:34 pm

GASTON
 GASTON
Usuario activo

@jmarreros

https://www.woodfactory.com.uy/

ResponderCitar
Respondido : 19/08/2020 6:44 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Primero que todo desactiva el plugin de optimización Autoptimize que tienes instalado ya que es dificil ver el archivo en el que se encuentra el código que tendrías que modificar.

Veo que podrías reducir el padding de este elemento, pero veo que esta forzándose a 55px, has añadido código CSS manualmente?

Captura de Pantalla 2020 08 19 a la(s) 12.53.51

Saludos.

ResponderCitar
Respondido : 19/08/2020 6:54 pm

GASTON
 GASTON
Usuario activo

@jmarreros

Ya desactive ese plugin. No añadi ningun codigo, pues no se de eso.

ResponderCitar
Respondido : 19/08/2020 7:10 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Gaston,

Puedes agregar el siguiente código css en Apariencias → Personalizar → Css Adicional:

div#et-top-navigation {
padding-top: 1% !important;
}
div#page-container {
padding-top: 0px !important;
}
#top-menu li.current-menu-item>a {
color: #01b48e !important;
}

Con el quedara mas centrado el texto y el logo un poco mas pequeño, igualmente nos comentas si lo requieres asi o mas grande, y el último código es para cambiar el color de estos links que mencionas están en azul y no combina con tu logo.

Un saludo 🖐️ 

ResponderCitar
Respondido : 19/08/2020 7:26 pm

GASTON
 GASTON
Usuario activo

@argenis

Gracias ! el color que no combinaba ahora es igual al del logo.
El menu quedo un ancho lindo y con las palabras centradas, lo único es que el logo quedo demasiado pequeño y no me deja agrandarlo desde los comandos, podemos agrandarlo un poquito? 

ResponderCitar
Respondido : 25/08/2020 2:30 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Gaston.

El menu quedo un ancho lindo y con las palabras centradas, lo único es que el logo quedo demasiado pequeño 

Para que el logo sea más grande hay que hacer más ancho el header donde se encuentra el menú.

 

@media (min-width: 981px) {

#main-header {
height: 100px;
}

#logo {
height: 100px!important;
}

}
screenshot www.woodfactory.com.uy 2020.08.25 11 26 56

 

Un saludo

ResponderCitar
Respondido : 25/08/2020 10:28 am

GASTON
 GASTON
Usuario activo

Si, al header  ya lo sé agrandar desde los ajustes de cabecera y navegación, el tema es que al agrandarlo el texto no se centra, queda en el el mismo lugar, osea que descentrado en altura.

ResponderCitar
Respondido : 26/08/2020 1:47 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Gaston,

Intenta agregando el siguiente código css al final del todo:

div#et-top-navigation {
padding-bottom: 12px !important;
padding-top: 23px !important;
}

Nos comentas como te va, un saludo 🖐️ 

ResponderCitar
Respondido : 26/08/2020 1:56 am