• rafaelepp

    (@rafaelepp)


    hola, tengo un problema que no logro solucionar, estoy desarrollando un proyecto con elementor y el diseño tiene un navbar en donde uno de los elementos del menu debe ser de un color diferente, ¿como puedo hacer esto? ayuda por favor, gracias.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Hola @rafaelepp

    Seguramente con elementor puedas incluir una pseudo clase de alguna forma. No sé si será muy antiguo el vídeo pero aquí tienes uno donde lo explica en el caso de que sea el último elemento: https://www.youtube.com/watch?v=oq19nUbQois

    En general, esto se hace con CSS, a modo de ejemplo sería algo así como decirle que el elemento que quieres cambiar tenga una característica diferente. El código de clases del tema puede cambiar, pero por lo general es algo así como:

    /* poner en n el número de elemento que es, si es el primero 1, si es el segundo, el 2 y así */
    
    ul li:nth-child(n) {
        background-color: red;
    }
    
    /* Si quieres que pille el primero o el último elemento sería */
    
    ul li:first-child {
        background-color: red;
    }
    
    ul li:last-child {
        background-color: red;
    }

    Para saber cual es la clase del elemento ul o li, tendrías que estar viendo la página en cuestión en un navegador y hacer click en el elemento que quieras cambiar > botón derecho > inspeccionar elemento, y ahí te saldrá el código fuente donde puedes ver la estructura en el árbol del html.

    Cuando lo encuentres, cualquier cambio de CSS lo puedes aplicar en Apariencia > Personalizar > CSS adicional (editor clásico)

    o

    Apariencia > Editor del Sitio > Estilos > tres puntitos > CSS Adicional

    y pegar ahí la regla.

    Espero que te haya servido mi ayuda!

    Iniciador del debate rafaelepp

    (@rafaelepp)

    Hola @flabernardez

    Muchisimas gracias por tu ayuda, acabo de aplicar la primera regla, ya que es el penultimo elemento, y logro llegar a el, pero ahora tengo el problema de que no puedo cambiar el color del elemento en si, no quiero cambiar el fondo, quiero cambiar el color del texto, aplico la propiedad color y no me cambia el color, ¿que puedo hacer?

    Si pudiera ver la web donde tienes el problema, te podría ayudar un pelín más 😉

    Iniciador del debate rafaelepp

    (@rafaelepp)

    lo que ocurre es que el proyecto aun no esta online, esta en mi servidor local.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Elementor navbar con elementos de varios colores’ está cerrado a nuevas respuestas.