Responder a: Nuevo módulo «ENLACE» ¿como se puede cambiar el color del enlace activo?

  • Jefferson Maldonado

    organizador
    24 de febrero de 2026 en 10:05 AM

    Hola, Vicente.👋

    Sí se puede hacer, y en Divi 5 es bastante sencillo si lo hacemos de forma ordenada, complementando los pasos que te ha indicado Juan, te dejo los pasos claros y rápidos.

    Primero: añade una clase al módulo

    1. Ve al módulo ENLACE que estás usando en el menú.

    2. Entra en Avanzado → CSS ID y Clases.

    3. En Clase CSS escribe por ejemplo:

    link-menu-global

    Guarda el módulo.

    Segundo: añade el CSS para el enlace activo
    Ahora agrega este CSS en alguno de estos lugares:

    • Divi → Opciones del tema → CSS personalizado

    • O Apariencia → Personalizar → CSS adicional

    • O en el Header global del Theme Builder → Avanzado → Custom CSS

    Pega esto:

    .link-menu-global a[aria-current="page"],
    .link-menu-global a.current-menu-item,
    .link-menu-global a.current_page_item {
    color: #e63946 !important; /* Cambia este color */
    }

    Solo cambia #e63946 por el color que tú quieras.

    Por qué funciona
    Divi 5 y WordPress marcan el enlace activo usando el atributo aria-current=»page» y también clases como current-menu-item.

    Con ese CSS estamos apuntando exactamente al enlace activo y forzando el color para que sobrescriba el estilo por defecto.

    Si no cambia el color, revisa:

    • Que la clase esté bien escrita

    • Que el CSS esté pegado en el sitio correcto

    • Que no haya caché activa

    Con eso debería funcionar sin problema 👍

¡Ver Nuevo Módulo!