Avisos
Vaciar todo

[Resuelto] Personalizar Easy Table of content plugin

10 Respuestas
3 Usuarios
0 Reactions
26 Visitas
Respuestas: 359
Reputable Member
Topic starter
 

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
Respuestas: 11585
Illustrious Member 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
Respuestas: 359
Reputable Member
Topic starter
 

@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
Respuestas: 11585
Illustrious Member 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
Respuestas: 359
Reputable Member
Topic starter
 

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
Respuestas: 11585
Illustrious Member 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
Respuestas: 359
Reputable Member
Topic starter
 

@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
Respuestas: 4380
Famed Member 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
Respuestas: 359
Reputable Member
Topic starter
 

@bulmaro-webempresa Era exactamente eso, gracias!


 
Respondido : 17/02/2021 6:52 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

@walterszcerbgmail-com

Hola Walter,

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

Saludos 🙂


 
Respondido : 17/02/2021 6:54 am