Avisos
Vaciar todo

[Resuelto] Personalizar Easy Table of content plugin  

 
Walter
 Walter
Reputable Member

Hola, 

Por las advertencias de LightHouse, necesito personalizar este plugin, pero por algun motivo no me toma los cambios (quiero un tamaño de letra mayor y otro color), tal vez un conflicto con algun plugin de optimizacion de redimiento (uso WP ROCKET, AUTOPTIMIZE y ync javascript)

Lo estoy haciendo con css, pero no logro cambiar el tamaño y solo me toma el color azul en los numeros y titulo, pero no con el texto

div#ez-toc-container{
font-size: 20px important!;
color: blue;
font-weight: bold;
}

Que puede ser?

 

Contenido solo visible a usuarios registrados

Respondido : 15/02/2021 12:22 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Walter,

supongo que te refieres a los links del índice ya que son los únicos que veo en azul, no te los esta tomando por que son un enlace debes incorporar el siguiente código para que cambie el color también este enlace:

div#ez-toc-container a {
color: blue;
}

Verifica y nos comentas, un saludo 🖐️ 

Respondido : 15/02/2021 12:52 am

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

Walter
 Walter
Reputable Member

@argenis Hola, gracias.

Funcionó, pero no logro cambiar el tamaño de la fuente.  Este es mi css

div#ez-toc-container{
color: blue;
}
div#ez-toc-container a {
color: blue;
}
div#ez-toc-container{
font-size: 20px !important;
}

Respondido : 15/02/2021 1:30 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Walter,

Perfecto te comento que los códigos que tienes estan faltando de otra directriz por ejemplo en el ultimo que asumo es el del titulo te falta una p el indicativo que hará los cambios en el texto:

div#ez-toc-container p {
font-size: 40px !important;
}

para los contenidos puedes usar el que te di y agregarle el atributo de tamaño de la fuente:

div#ez-toc-container a {
color: blue;
font-size: 30px !important;
}

y por último para los números puedes utilizar:

li.ez-toc-page-1::marker {
font-size: 30px !important;
}

Un saludo 🖐️  

Respondido : 15/02/2021 2:53 am

Cursos Gratuitos WordPress

Walter
 Walter
Reputable Member

Muchas gracias! 

Necesitaria algo mas.

Como puedo lograr que la frase que está al lado de Indice "(motrar)" tenga el hipervinculo o la función para desplegar/ocultar la tabla de contenidos? Veo que muchas web lo tienen de esta manera (yo lo hago con un boton que está al costado)

Respondido : 15/02/2021 2:32 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Walter,

Esto puede ser por el tipo del complemento que utilizan para crear sus índices puedes enviarnos unos ejemplos donde lo veas para poder inspeccionar y verificar cual es el complemento que están utilizando para el índice, de lo contrario tendrías que conversar con los desarrolladores del plugin ya que es algo que no esta normalmente programado en el mismo plugin.

Un saludo 🖐️ 

Respondido : 15/02/2021 2:52 pm

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

Walter
 Walter
Reputable Member

@argenis Gracias!

Como podría hacer que el espacio interlineado sea mas ancho (entre numeral y numeral)?

Gracias

Respondido : 17/02/2021 2:15 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@walterszcerbgmail-com

Hola Walter,

Prueba agregando el siguiente CSS desde Apariencia -> Personalizar -> CSS Adicional:

#content-wrapper ul li{
line-height: 3em;
}

Esto incrementa el alto del espacio entre un elemento (li) y otro de una lista. Si no es esto a lo que te refieres, por favor, abre un nuevo hilo en el foro, ya que se trata de una consulta distinta a la inicial, adicionalmente adjunta una captura de pantalla indicándonos a qué elemento y a qué propiedad te refieres.

Saludos 🙂 

Respondido : 17/02/2021 3:44 am

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

Walter
 Walter
Reputable Member

@bulmaro-webempresa Era exactamente eso, gracias!

Respondido : 17/02/2021 6:52 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@walterszcerbgmail-com

Hola Walter,

Excelente, me alegra que nuestra asistencia te fuera de utilidad.

Saludos 🙂

Respondido : 17/02/2021 6:54 am

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