Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Recuperar estilo css max mega menu  

 
Carlos
 Carlos
Reputable Member

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
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

@bruno-vichetti

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 {
  1. color: #1a224e;
  2. font-family: Montserrat;
  3. font-size: 15px;
  4. text-transform: none;
  5. text-decoration: none;
  6. font-weight: bold;
  7. text-align: left;
  8. margin:
    0px

     

    0px

     

    0px

     

    0px

    ;

  9. padding:
    0px

     

    0px

     

    5px

     

    0px

    ;

  10. vertical-align: top;
  11. display: block;
  12. visibility: inherit;
  13. border-top:
    0px

     solid #f63;

  14. border-left:
    0px

     solid #f63;

  15. border-right:
    0px

     solid #f63;

  16. border-bottom:
    1px

     solid #f63;

Respondido : 07/12/2022 11:24 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Perdón Bruno, ya borre la cache! 😉

Respondido : 07/12/2022 11:33 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos
 Carlos
Reputable Member

@bruno-vichetti

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
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Buenas Bruno ahora funciona lo unico que me subraya las flechas de los desplegables:

Screenshot 1
Respondido : 08/12/2022 12:03 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Carlos
 Carlos
Reputable Member

@argenis

Ahora si!! gracias 😉

Respondido : 08/12/2022 12:08 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

¿Nos comentas si ahora si podemos cerrar el tema?

Un saludo 🖐️ 

Respondido : 08/12/2022 12:16 am

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

Ahora si quedo perfect!! Gracias

Respondido : 08/12/2022 12:17 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

Encantados, si tienes alguna otra duda ya sabes que estamos aqui para ayudar.

Un saludo 🖐️ 

Respondido : 08/12/2022 12:25 am