• Resuelto emprendimientorealista

    (@emprendimientorealista)


    Hola. Tengo mi página emprendimientorealista.com, y recientemente he creado http://www.staging36.emprendimientorealista.com con SiteGround para hacer pruebas. El asunto es que quiero cambiar el color de las palabras del menú cuando pasa el cursor y cuando la página está activa.

    También necesito saber cómo cambiar el fondo del menú cuando está sticky, sin que afecte al fondo del menú cuando está normal.

    Designexo es el tema.

    Gracias de antemano y un saludo.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Luis Colome

    (@luiscolome)

    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 2 años por Luis Colome.
    Iniciador del debate emprendimientorealista

    (@emprendimientorealista)

    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.

    Luis Colome

    (@luiscolome)

    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.

    Iniciador del debate emprendimientorealista

    (@emprendimientorealista)

    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.

    Luis Colome

    (@luiscolome)

    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

    Iniciador del debate emprendimientorealista

    (@emprendimientorealista)

    Perfecto ya está todo resuelto, muchas gracias por tu ayuda.
    ¡Un saludo!

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Cambiar hover color y active color en el menú’ está cerrado a nuevas respuestas.