Cambiar color de Barra de Menu

  • Resuelto zunigascl

    (@zunigascl)


    hace 2 años, 10 meses

    Hola, buenas tardes a todos!
    Tengo una web con el Tema Agroly de Shtheme y no puedo modificar libremente el color de la barra de menú y el color del texto del mismo.
    He modificado el main.css pero termino modificando «todos» los elementos de color verde, por blanco y solo quiero modificar el color de la barra de menú.
    Deseo reemplazar el color verde por defecto (–main-green-color) que es #3E755F por blanco #FFFFF, solamente en la barra de menu. Y el texto del menú dejarlo en verde en vez de blanco! es decir, cambiar el contraste de colores.

    Les agradezco de antemano muchísimo su ayuda!!
    graaaaacias!!!

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador almendron

    (@almendron)

    hace 2 años, 10 meses

    Vaya por delante que yo no haría es cambio. Tal y como lo tienes ahora, está bastante bien.

    En cualquier caso, ve a Apariencia > Personalizar > CSS adicional y añade las siguientes reglas:

    .navbar.fixed-top {
	background-color: var(--main-green-color);
}

    .navbar.fixed-top.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
    }

    Tendrás que cambiar los valores por los que tú quieras y añadiendo !important

    Ejemplo:

    .navbar.fixed-top {
	background-color: #FFFFFF !important;;
}
    Iniciador del debate zunigascl

    (@zunigascl)

    hace 2 años, 10 meses

    Tremendo!
    Muchísimas gracias! funciona perfecto!!!
    Ahora, podrias ayudarme con el codigo para cambiar el color del hamburger menu porfa!
    Cuando hago scroll en moviles el boton de menu y el de cierre continua en blanco, como podria modificarlo?

    He estado probando con este codigo, pero no funciona.
    .hamburger-box .hamburger-inner,
    .hamburger-box .hamburger-inner::before,
    .hamburger-box .hamburger-inner::after { background-color: #67AB4B !Important;
    }

    Muchas gracias nuevamente!

    Moderador almendron

    (@almendron)

    hace 2 años, 10 meses

    Sería

    .navbar .navbar-toggler {
	background-color: black !important;
}

    Pero no queda nada bien. Mi consejo es que lo dejes tal y como estaba antes de empezar a hacer cambios.

    Iniciador del debate zunigascl

    (@zunigascl)

    hace 2 años, 10 meses

    Perfecto! te agradezco montón.
    Use el que me enviaste y le agregue un margen para evitar que ocupe toda la barra, se ve mejor!
    Coincido contigo, a mi me gusta como lo tenia inicialmente, sin embargo, la fundación quiere que el logo vaya en color original. De forma que por ahora y gracias a tu ayuda, tenemos esta salida alternativa!

    Gracias!

    Moderador almendron

    (@almendron)

    hace 2 años, 10 meses

    De nada. Un saludo.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Cambiar color de Barra de Menu’ está cerrado a nuevas respuestas.