Cambiar el color de fondo de la barra de navegación Tema Boost

Re: Cambiar el color de fondo de la barra de navegación Tema Boost

de Jose Luis Martin Jimenez -
Número de respuestas: 3
Imagen de Moodlers de gran ayuda
Hola de nuevo.
Vale, ahora ya sí entiendo mejor lo que dices.

Para empezar, dentro del apartado "Raw SCSS" puedes incluir código como este, si por ejemplo quisieras poner el fondo azul:
.navbar {background-color: blue !important;}

Pero supongo que no bastaría con eso, porque tal vez el texto no se lea bien (depende del color de fondo) y también tengas que añadir más código para cambiar el color de la fuente u otras características adicionales.

Saludos
Promedio de valoraciones: -
En respuesta a Jose Luis Martin Jimenez

Re: Cambiar el color de fondo de la barra de navegación Tema Boost

de Luis Fernando Ortiz Giménez -
Hola José Luis, como es de rigor, tenías razón, la línea facilitada me cambia el color de fondo de la nav-bar y me dificulta ver los menús que lleva. Entonces, estoy intentando cambiar el color del texto de los menús con la secuencia

.navbar {background-color: #213C70 !important;
.nav ul li a {color: yellow !important;}
}

Pero para variar, no me hace caso guiño de hecho, he probado con el color orange, white y yellow, pero nada de nada.. Lógicamente, tengo que realizar este mismo cambio en la zona Brand y en la zona donde muestra el login...

Gracias y perdón por las molestias...
Promedio de valoraciones: -
En respuesta a Luis Fernando Ortiz Giménez

Re: Cambiar el color de fondo de la barra de navegación Tema Boost

de Jose Luis Martin Jimenez -
Imagen de Moodlers de gran ayuda
Buenos días.

Es verdad que a veces no es sencillo localizar exactamente el elemento o la clase a los que hay que cambiar alguna propiedad (color, tamaño, etc.) y sobre todo en un sitio como esa barra superior donde puede haber elementos de diferentes tipos, como es el "nombre del sitio", menú de idiomas, nombre del usuario e iconos de notificaciones en la parte derecha, etc.

Por eso, mi sugerencia es que le saques todo el partido que puedas a las herramientas para desarrolladores que te ofrecen los navegadores, porque ahí es más rápido de probar y volver a probar ... hasta que localizas exactamente lo que necesitas.

Solamente a modo de ejemplo, el siguiente código ya cambiaría una parte de esa barra de navegación, pero el resto te lo dejo a tí, ¿de acuerdo?

.navbar {background-color: #213C70 !important;}
.navbar-light .navbar-brand {color: yellow;}

Saludos
Promedio de valoraciones: -