[Resuelto] Estilos CSS de menú en tema hijo no se aplican - WPXpress Child - Webempresa

Hola Luis, 

Disculpa al intentar abrir el enlace de la URL que nos indicas nos genera error 

Puedes enviarnos o indicarnos la URL donde tienes este error? para verificar con mayor detalle lo que nos comentas. 

Un Saludo 

@karen

Mi sitio es   https://pm-septima.es/ . La tengo en modo construcción, ¿necesitas que cambie el estado?

Un saludo

Que tal Luis,

La tengo en modo construcción, ¿necesitas que cambie el estado?

En efecto, para poder validar que sucede, debemos poder visualizar la web como cualquier visitante convencional

Quedamos atentos apenas puedas abrir la vista

Saludos!

@bruno-vichetti

Buenas noches, ya he variado el estado.

Gracias.

Un saludo

Hola Luis,

Muchas gracias por avisarnos, por otro lado he podido notar por lo especifico de tu consulta de que posees conocimientos notables con respecto a lo que deseas lograr lo que me permite ir directo al grano en base a mis recomendaciones

1-Entiendo que deseas aplicar estilos directos al menu principal, en concreto al estado base y al estado cuando se pasa el cursor (hover), probablemente sea necesario cambiar el método en el cual se apuntan los estilos CSS personalizados, sobre todo si utilizamos !important

Al realizar una vista rapida desde el inspector del navegador puedo apreciar que por ejemplo de esta manera se apuntan los estilos del item activo del menu principal

2-Continuando entendiendo como has abordado los estilos supongo que deseas es cambiar de color el siguiente submenu 

Apartado que figura con los siguientes estilos desde el inspector del navegador

Cuéntanos en lo posible si ese es el apartado que deseas modificar y con gusto puedo sugerirte otro abordamiento que podemos probar

Tambien ademas de todas las depuraciones debo suponer que has validado de que no hay errores en la sintaxis de tu hoja de CSS, como llaves abiertas, comas inexistentes, etc

Por otro lado si de plano no se manifiestan los estilos que estas incluyendo podría sugerir usar un plugin como el siguiente que nos ahorra el trabajo de gestionar el procedimiento de crrear un tema hijo solo para el propósito de añadir estilos personalizados https://wordpress.org/plugins/simple-custom-css/

Saludos!

@bruno-vichetti

Buenos tardes.

En primer lugar agradeceros la respuesta tan detallada que me habéis proporcionado y las recomendaciones que me habéis proporcionado.

Os detallo las respuestas a vuestras cuestiones:

1. En cuanto a los estilos del menú principal (estado base y hover): Efectivamente, mi objetivo es aplicar estilos personalizados al menú principal, tanto en su estado normal como al pasar el cursor (hover). Me interesa modificar el color de fondo y el color del texto de los ítems del menú, así como sus estados hover.

He estado inspeccionando los elementos con las herramientas de desarrollo del navegador y he notado que la especificidad de los estilos es clave. Parece que los estilos actuales del              tema están siendo muy específicos.

Si podéis orientarme sobre qué selectores CSS serían los más adecuados o dónde podría estar fallando mi "apuntamiento" (selectores) para que mis estilos tengan   prioridad sin                recurrir  excesivamente a !important, os lo agradecería enormemente. He intentado usar selectores más específicos, pero quizás aún no doy con la clave.

He vuelto a revisar el archivo Styles.css de mi editor de archivos de WordPress para ver si había alguna diferencia al archivo CSS del tema hijo. Los dos son idénticos.

2. Sobre el cambio de color en el submenú:        

Si, he estado abordando el cambio de estilos para variar la apariencia del submenú. El apartado que mencionáis y que se visualiza con los estilos en el inspector del navegador es precisamente el submenú que deseo modificar.

Concretamente, quiero cambiar para ver la variación en el submenú:

1. • Cambiar el color de fondo de los ítems del submenú: color deseado azul oscuro #180ba8.
   • Cambiar el color del texto de los ítems del submenú: color deseado  blanco #FFFFFF].
   • También me gustaría definir los estilos para el estado hover de los ítems del submenú (por ejemplo, que al pasar el cursor el fondo y el texto cambien de color).

Estoy abierto a vuestras sugerencias para el mejor "abordamiento" para lograr esto.

3. Validación de sintaxis CSS:

Sí, he revisado la sintaxis de mi hoja de CSS varias veces con herramientas de validación online y no he encontrado errores obvios como llaves abiertas, comas inexistentes, etc. En los estilos que no se aplican no muestran errores de sintaxis al menos en esas herramientas.

4. Sugerencia del plugin Simple Custom CSS:

Agradezco mucho la sugerencia del plugin Simple Custom CSS. Si tras probar vuestras recomendaciones sigo teniendo problemas de visualización de los estilos, optaré por esta alternativa que me habéis proporcionado.

Espero haber dado respuesta a vuestras cuestiones. Daros las gracias por vuestro interés y vuestras apreciaciones. Quedo a la espera de vuestras sugerencias y os proporcionaré cualquier información adicional que necesitéis.

Saludos cordiales.

Hola Luis, 

Lo primero es el cambio de estilo de los ítems principales del menú, si quieres cambiar sus estilos puedes probar

#default-menu a {
color: #ffffff;
}

/*estado de hover*/

#default-menu a:hover, #default-menu .current-menu-item > a {
color: #007bff;
background-color: rgba(0, 123, 255, 0.1);
}

Para los submenus puedes probar

#default-menu .sub-menu li a {
color: #ffffff;
font-size: 14px;
padding: 8px 15px;
}

 .nav-menu ul.sub-menu {
background-color: #180ba8 !important;
}

#default-menu .sub-menu li a {
color: #ffffff;
font-size: 14px;
padding: 8px 15px;
}

Estos serían las reglas que ahora añaden estos estilos al menu

Verifícalo y revisa si con ello puedes modificar lo que necesitas. 

Un Saludo

Buenos días,

¡Perfecto! Ya he aplicado los selectores y el código CSS que me proporcionasteis para el menú principal y los submenús, y confirmo que los cambios efectuados hasta ahora se han aplicado correctamente.

Muchas gracias por vuestra ayuda profesional tan precisa y por guiarme con los selectores correctos. ¡Me habéis sido de gran ayuda!

Saludos cordiales.

Hola Luis, 

Enhorabuena ha funcionado como necesitas, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊 

PD: Sería de muchas ayuda que puedas valorar nuestras respuestas