En el Foro Divi y Plugins para Divi, compartimos y enriquecemos nuestro conocimiento en... Ver más
PublicoGrupo
organizador:
Organizado por
Descripción del grupo
En el Foro Divi y Plugins para Divi, compartimos y enriquecemos nuestro conocimiento en WordPress, enfocándonos especialmente en Divi y sus plugins. Aquí colaboramos, resolvemos problemas y descubrimos continuamente nuevas herramientas y técnicas. Este espacio nos permite no solo mejorar nuestras habilidades en diseño y desarrollo web, sino también contribuir al crecimiento mutuo, aprovechando al máximo las capacidades de Divi para crear sitios web asombrosos.
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
Ve al módulo ENLACE que estás usando en el menú.
Entra en Avanzado → CSS ID y Clases.
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 #e63946por 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.