Avisos
Vaciar todo
Buenas abro hilo nuevo porque se cerro el anterior, pero la pregunta es en base a este hilo
https://www.webempresa.com/foro/plugins-wordpress/cambiar-de-h4-a-span
El problema es que ese H4 tenia un estilo y ahora con el span se perdio el subrayado como lo podriamos recuperar?
en el enlace que me pasaste el soporte de max mega menu dice lo siguiente:
El estilo del menú está dirigido a la etiqueta h4, por lo que cambiarlo a otra cosa significará que deberá agregar un CSS personalizado para actualizar el estilo.
Saludos,
tom
Por tanto habria que crear ese subrayado para el span... como podriamos crearlo?
Un saludo
Contenido solo visible a usuarios registrados
Respondido : 07/12/2022 11:01 pm
Que tal Carlos,
En orden de ideas cuales eran los estilos aplicados al H4 antes de ser convertido en span por el codigo del hilo anterior?
La intencion es poder tener en cuenta que CSS se aplicaban y luego adaptarlos para que se apliquen al nuevo span
Puedes revertir el ajuste para que le echemos un vistazo y luego lo intentamos aplicar en los span
Saludos!
Respondido : 07/12/2022 11:21 pm
Lo vuelvo a poner en H4 bruno para que veas os estilos... yo no entiendo mucho de codigo pero creo que eran estos:
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title
- color: #1a224e;
- font-family: Montserrat;
- font-size: 15px;
- text-transform: none;
- text-decoration: none;
- font-weight: bold;
- text-align: left;
- margin:
0px0px0px0px
;
- padding:
0px0px5px0px
;
- vertical-align: top;
- display: block;
- visibility: inherit;
- border-top:
0px
solid #f63;
- border-left:
0px
solid #f63;
- border-right:
0px
solid #f63;
- border-bottom:
1px
solid #f63;
Respondido : 07/12/2022 11:24 pm
Hola Carlos,
Aun me figuran los elementos como span, puedes validar que has desactivado, comentado o eliminado el fragmento de codigo de forma momentánea? recuerda vaciar la cache del sitio
Saludos!
Respondido : 07/12/2022 11:31 pm
Hola Carlos,
Muchas gracias, en efecto los estilos delimitados para el borde del titulo son los siguiente
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item span.mega-block-title{
color: #1a224e;
font-family: Montserrat;
font-size: 15px;
text-transform: none;
text-decoration: none;
font-weight: 700;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 5px 0;
vertical-align: top;
display: block;
visibility: inherit;
border-top: 0 solid #f63;
border-left: 0 solid #f63;
border-right: 0 solid #f63;
border-bottom: 1px solid #f63;
}
he adaptado los CSS para que apunten al span en lugar del h4 asi que puedes probar con ellos
Nos comentas, Saludos!
Respondido : 07/12/2022 11:37 pm
Buenas Bruno puso el codigo en el css personalizado de generatepress y no me hizo el cambio tb limpie la cache... puede haber algun error en el codigo?
Un saludo
Respondido : 07/12/2022 11:44 pm
Hola Carlos,
Descuida vamos a probar apuntar los estilos CSS de otra manera, prueba cambiando el codigo por lo siguiente
.mega-menu-item span{
color: #1a224e;
font-family: Montserrat;
font-size: 15px;
text-transform: none;
text-decoration: none;
font-weight: 700;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 5px 0;
vertical-align: top;
display: block;
visibility: inherit;
border-top: 0 solid #f63;
border-left: 0 solid #f63;
border-right: 0 solid #f63;
border-bottom: 1px solid #f63;
}
Saludos!
Respondido : 07/12/2022 11:59 pm
Buenas Bruno ahora funciona lo unico que me subraya las flechas de los desplegables:
Respondido : 08/12/2022 12:03 am
Hola Carlos,
Verifica con este en su lugar:
.mega-menu-item > span{
color: #1a224e;
font-family: Montserrat;
font-size: 15px;
text-transform: none;
text-decoration: none;
font-weight: 700;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 5px 0;
vertical-align: top;
display: block;
visibility: inherit;
border-top: 0 solid #f63;
border-left: 0 solid #f63;
border-right: 0 solid #f63;
border-bottom: 1px solid #f63;
}
Un saludo 🖐️
Respondido : 08/12/2022 12:06 am
Hola Carlos,
¿Nos comentas si ahora si podemos cerrar el tema?
Un saludo 🖐️
Respondido : 08/12/2022 12:16 am
Ahora si quedo perfect!! Gracias
Respondido : 08/12/2022 12:17 am
Hola Carlos,
Encantados, si tienes alguna otra duda ya sabes que estamos aqui para ayudar.
Un saludo 🖐️
Respondido : 08/12/2022 12:25 am
