Avisos
Vaciar todo

Tamaño, formato y alineado de la barra principal

10 Respuestas
4 Usuarios
0 Reactions
43 Visitas
Respuestas: 16
Active Member
Topic starter
 

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


 
Respondido : 19/08/2020 4:51 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 19/08/2020 5:34 pm
Respuestas: 16
Active Member
Topic starter
 

@jmarreros

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


 
Respondido : 19/08/2020 5:44 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 19/08/2020 5:54 pm
Respuestas: 16
Active Member
Topic starter
 

@jmarreros

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


 
Respondido : 19/08/2020 6:10 pm
Argenis
Respuestas: 11585
Illustrious Member 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 🖐️ 


 
Respondido : 19/08/2020 6:26 pm
Respuestas: 16
Active Member
Topic starter
 

@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? 


 
Respondido : 25/08/2020 1:30 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member 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


 
Respondido : 25/08/2020 9:28 am
Respuestas: 16
Active Member
Topic starter
 

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.


 
Respondido : 26/08/2020 12:47 am
Argenis
Respuestas: 11585
Illustrious Member 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 🖐️ 


 
Respondido : 26/08/2020 12:56 am