Hola @emprendimientorealista,
Lo que comentas lo puedes hacer de manera relativamente fácil con CSS.
Lo del menú tiene truco, porque hay una regla con un !important.
Añade esto en el personalizador y lo tendrás hecho (cambiando #18191b por el color que buscas claro):
.navbar.navbar-header-wrap.header-fixed-top {
background-color: #18191b;
}
En cuanto a los enlaces, ¿Te has asegurado de que el theme no traiga opción para el color de los elementos del menú? Muchas veces, en las propias opciones del theme, si cambias el color principal, estas cosas cambian con el.
Ya me dices.
Gracias.
-
Esta respuesta fue modificada hace 1 año, 11 meses por
Luis Colome.
Gracias por responder.
He puesto lo que me has dicho y no he notado diferencia. Lo del !important es porque tenía puesto una cosa en css que ya he quitado, tenía:
.navbar-expand-lg {
background: #1465bb !important;
}
Pero esto cambiaba el color del menú tanto en normal como cuando haces scroll, sin poder poner un color para cada uno. En cuanto a las opciones, no me deja cambiar ningún color, solo el del fondo de la página que está en blanco.
Un saludo, gracias.
De nada.
Ahí lo veo. Claro, si pones la regla que has añadido a continuación de la que te he pasado la sobre escribe. Borra la linea que has mencionado que añadiste y añádelo en este orden:
.navbar.navbar-header-wrap.header-fixed-top {
background-color: #18191b !important;
}
.navbar.navbar-header-wrap {
background-color: #1465bb !important;
}
Cambiando claro está, los códigos hexadecimales por los colores que quieras.
Prueba así, pero también sin los !important a ver si funciona (debería). Siempre que puedas, evítalos, te traerán problemas en un futuro.
Un placer poder ayudar.
Perfecto, con los 2 «!important» funciona, he probado dos colores al azar para comprobarlo y así es, muchísimas gracias. Intentaré arreglármelas en el futuro sin eso, como bien has dicho.
Me faltaría poder cambiar el color de las letras del menú, que está configurado en blanco (normal) y amarillo (hover y activo). Si puedes ayudarme también con eso te lo agradecería.
Un saludo, gracias.
Huy se me pasó eso.
Ahí te lo dejo. Debería funcionar sin !important.
Añádelo en el personalizador:
.navbar .nav .menu-item.active > .nav-link, .navbar.header-fixed-top .nav .menu-item.active > .nav-link, .navbar.navbar-header-wrap .nav .menu-item.active > .nav-link, .navbar.navbar-header-wrap.header-fixed-top .nav .menu-item.active > .nav-link {
color: red;
}
(el código está copiado del propio theme)
Una vez más, cambia red por tu color de preferencia.
Un saludo,
Luis
Perfecto ya está todo resuelto, muchas gracias por tu ayuda.
¡Un saludo!
