Ver Mensaje Individual
  #11 (permalink)  
Antiguo 22/04/2015, 19:46
Avatar de mardojai
mardojai
 
Fecha de Ingreso: noviembre-2012
Ubicación: Lima, Perú
Mensajes: 137
Antigüedad: 11 años, 5 meses
Puntos: 44
Respuesta: Problema con efecto subrayado en header

Lo que quieres es que si estoy en la categoría "análisis" se subraye "análisis" en el menú, y si voy a contacto se subraye "contacto" en el menú?

Muy simple, los menús de wordpress añaden una clase "current_page_item" al item de la pagina actual xD solo tienes que usar esa clase en tu "style.css".

El subrayado es un after con los estilos:
Código CSS:
Ver original
  1. display: block;
  2. content: "";
  3. position: absolute;
  4. left: 0px;
  5. bottom: -6px;
  6. margin: 0px auto -2px;
  7. width: 100%;
  8. opacity: 0;
  9. transition: all 0.3s ease 0s;
  10. height: 2px;
  11. background-color: #FFF;

Así que seria:

Código CSS:
Ver original
  1. .current_page_item:after {
  2. opacity: 1 !important;
  3. bottom: -2px !important;
  4. }

Saludos!
__________________
El que supera a otros es poderoso, y el que se supera a sí mismo es invencible.
__________________
Si te sirvió puntúa.

Última edición por mardojai; 22/04/2015 a las 19:54