Hola @derwalter
Según tengo entendido, puede seguir las siguientes instrucciones y solucionar el problema.
Para resolver su problema al personalizar el submenú y agregar CSS en el tema Twenty Twenty-Five, aquí tiene una solución paso a paso: Explicación del problema:
Estás usando un tema de bloque (como Twenty Twenty-Five), que no admite el «Personalizador» tradicional en el menú «Apariencia». En cambio, CSS y otras personalizaciones se manejan de manera diferente, principalmente a través del Editor del sitio y el style.css archivo. Solución: 1. Agregue CSS personalizado a través del Editor del sitio
- Abra el Editor del sitio (Apariencia > Editor).
- Navegue hasta el bloque de menú donde desea aplicar el CSS personalizado.
- Haga clic en la configuración del bloque (panel derecho).
- Desplácese hacia abajo hasta la sección «Avanzado».
- Agregue una clase CSS al menú o bloque de submenú (por ejemplo,
my-custom-menu o my-submenu).
[2]. Agregar CSS personalizado en un tema de bloque
Si el CSS que agregaste no funcionó, asegúrate de aplicarlo correctamente:
- Abra el administrador de WordPress.
- Navegar a Apariencia > CSS adicional (si está disponible).
- Si no está disponible, deberá:
- Utilice el Editor del sitio.
- O agregue el CSS directamente en el tema
style.css archivo o a través de un tema hijo.
Agregue el siguiente fragmento de CSS:
/* Custom styling for the submenu */
.my-custom-menu .wp-block-navigation-submenu {
background-color: #f8f8f8;
padding: 10px;
border: 1px solid #ccc;
}.my-custom-menu .wp-block-navigation-submenu a {
color: #333;
font-size: 14px;
text-decoration: none;
}
.my-custom-menu .wp-block-navigation-submenu:hover {
background-color: #eaeaea;
}
[3]. Asegúrese de que se oriente la clase CSS correcta
Es posible que la guía que siguió haya fallado si el submenú no tuviera la clase correcta. Inspeccione su página utilizando las Herramientas de desarrollo del navegador (haga clic derecho > Inspeccionar) para verificar la estructura de clases del submenú.
- Busque clases como
wp-block-navigation-submenu o similares. - Actualice sus reglas CSS para que coincidan con la estructura exacta.
[4]. Agregue CSS personalizado en el theme.json Archivo
Si está trabajando con un tema de bloque como Twenty Twenty-Five, puede agregar estilos directamente al theme.json archivo.
Pasos:
- Vaya a su directorio de temas (use un cliente FTP o un administrador de archivos).
- Abre el
theme.json archivo. - Agregue un estilo personalizado debajo del
styles sección:
{
"styles": {
"blocks": {
"core/navigation-submenu": {
"backgroundColor": "#f8f8f8",
"padding": "10px",
"border": "1px solid #ccc"
}
}
}
}
[5]. Borrar caché y probar
- Si está utilizando complementos de almacenamiento en caché, borre el caché para ver los cambios.
- Pruebe los cambios en modo incógnito o borre la memoria caché de su navegador.
Por favor revíselo y hágamelo saber.
.