cambiar el color boton menu al seleccionarlo que me indique donde me ecnuentro
-
Buenas noches
estoy intentando crear el codigo css de un menu, pero al momento de seleccionar uno de los botones este no cambian de color señalando en que pagina me encuentro. agradezco la ayuda.menu-menu1-container ul.primary-menu li:nth-child(1) > a,
.menu-menu1-container ul.primary-menu li:nth-child(2) > a,
.menu-menu1-container ul.primary-menu li:nth-child(3) > a {
background: black;
}con este codigo solo he logrado que los tres botones tengan el mismo color, y deberia solo quedar en color el boton seleccionado
-
Hola Falex,
No hace falta decirle expresamente al navegador el numero de cada elemento del menu. Me explico: con esto le decimos que todos los enlaces del menu tengan un background negro:
.menu-menu1-container ul.primary-menu li > a { background: black; }funcionaría también. Dependiendo de cómo esté hecho tu tema, lo más probable es que al elemento seleccionado se le añada esta clase
.current_page_itempor lo que el código CSS quedaría así:.menu-menu1-container ul.primary-menu li > a, .menu-menu1-container ul.primary-menu li.current_page_item > a, .menu-menu1-container ul.primary-menu li:hover > a { background: red: }He añadido el selector :hover para que también cambie cuando pases el cursor por encima.
Ya nos cuentas si te sirve.
- El debate ‘cambiar el color boton menu al seleccionarlo que me indique donde me ecnuentro’ está cerrado a nuevas respuestas.