Avisos
Vaciar todo

[Resuelto] Modificar grosor de link con código desde Visual Composer

10 Respuestas
4 Usuarios
3 Reactions
32 Visitas
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

Contenido solo visible a usuarios registrados


 
Respondido : 04/08/2022 6:11 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Pedro,

En el enlace que nos compartes no veo un enlace naranja, puedes indicarnos donde verlo para poder ver si te podemos compartir el css para lo que necesitas.

Un saludo 🖐️ 


 
Respondido : 04/08/2022 6:21 pm
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

@argenis Hola, Argenis

En la url Contenido solo visible a usuarios registrados

 

 

 

Gracias y saludos


Esta publicación ha sido modificada el hace 3 años 2 veces por Pedro José
 
Respondido : 06/08/2022 4:54 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Pedro José.

Supongo que te refieres a estos enlaces:

screenshot psicologia forense madrid.es 2022.08.06 11 11 02

Prueba con los siguiente:

.content-wrapper-no-sidebar a span {
font-size:30px!important
}

.content-wrapper-no-sidebar a {
font-size:30px!important
}

 

Puedes añadirlo en Apariencia -> Personalizar -> CSS Adicional

 

Un saludo


 
Respondido : 06/08/2022 9:21 am
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

@pepesoler Hola, Pepe

 

Lo que necesito es modificar las dimensiones únicamente del "subrayado" del enlace (sin modificar la letra).

 

Gracias y saludos


 
Respondido : 08/08/2022 11:08 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Pedro Jose.

Ok prueba con esto:

.detail-content.single_page a{
text-decoration-thickness: 5px;
}

 

Un saludo


 
Respondido : 08/08/2022 11:32 am
Pedro José reaccionó
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

@pepesoler Hola, Pepe

 

Con ese código vi que se puede cambiar el grosor, y como también quería separarlo del texto he puesto este código:

.detail-content.single_page a {
text-decoration: 1px;
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #d36135;
}

Te agradecería que me indiques cómo poder aumentar la distancia entre el texto y el subrayado (con este código llega hasta un máximo de separación).

 

Gracias y saludos


 
Respondido : 08/08/2022 7:02 pm
Bruno
Respuestas: 6488
Illustrious Member Moderator
 

Hola Pedro,

Si te refieres a la separación entre el texto y el borde que has colocado podría modificar tus estilos por los siguientes

.detail-content.single_page a {
text-decoration: 0px;
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #d36135;
padding-bottom: 5px;
}

Donde el padding-bottom definirá cuanto espacio quieres aplicar entre el texto y el borde

Saludos!


 
Respondido : 08/08/2022 7:16 pm
Pedro José reaccionó
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

@bruno-vichetti Hola, Bruno

 

Con la modificación en el padding ha quedado como espera. Muchas gracias!

Saludos


 
Respondido : 08/08/2022 7:46 pm
Bruno
Respuestas: 6488
Illustrious Member Moderator
 

Hola Pedro,

Excelentes noticias, me alegra mucho que te haya funcionado

Cualquier otra consulta estaremos atentos

Saludos!


 
Respondido : 08/08/2022 7:54 pm
Pedro José reaccionó