Avisos
Vaciar todo

Justificar lso textos que estan en el slide  

 
Fabiana
 Fabiana
Noble Member

hola para que queden dentro del circulo agregue  <br/> pero si quiero justificarlo el texto no lo hace como puedo hacer para q quede todo el texto justificado q esta dentro del ciruclo en las 4 diapositivas del slide.

https://prnt.sc/evt4jeLFKlvp

Contenido solo visible a usuarios registrados

Citar
Respondido : 20/09/2022 2:52 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

Puede enviarnos la URL donde se encuentra este texto? no logro ubicarlo en la web que nos compartes. Ten en cuenta que para justificar el texto puedes añadir una regla css como por ejemplo

.h2 {

text-align: justify;

}

 

Un Saludo

ResponderCitar
Respondido : 20/09/2022 3:00 pm

Fabiana
 Fabiana
Noble Member

@karen

 

https://prnt.sc/xj9WTb_--X1E

ResponderCitar
Respondido : 20/09/2022 3:07 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

Veo que son los textos del slider, en este caso los textos ya se encuentran justificados sin embargo veo que cada uno de ellos está en un div diferente,

image

Debes revisar como estas añadiendo estos textos y añadirlos todos en un mismo elemento por ejemplo una etiqueta <p> si deseas que todos estén justificados. 

Un Saludo 

ResponderCitar
Respondido : 20/09/2022 3:11 pm

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

Fabiana
 Fabiana
Noble Member

@karen

mira si los pongo asi

https://prnt.sc/A_Up-AKSYvNb

se sale del circulo mira la primera

ResponderCitar
Respondido : 20/09/2022 3:17 pm
Fabiana
 Fabiana
Noble Member

https://prnt.sc/KNRaBvq_dz39

ResponderCitar
Respondido : 20/09/2022 3:22 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

En este caso si quieres controla el ancho donde está el texto para que este dentro del círculo que tienes añadido puedes probar añadir el ancho especifico al elemento que lo contiene, por ejemplo

.sp-slider #sp-slider-item-1589446117156-num-0-key #sp-slider-inner-item-1589446117157-num-1-key {
width: 450px;
}

De esta forma puedes tener los textos justificados como deseas. 

Un Saludo 

 
ResponderCitar
Respondido : 20/09/2022 3:25 pm
Fabiana
 Fabiana
Noble Member

@karen

a ok perfecto y esta ya queda para las 4 diapositvas?

ResponderCitar
Respondido : 20/09/2022 3:30 pm

Cursos Gratuitos WordPress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

Ya que es una clase global debe aplicarse para todas los slider, sin embargo puedes revisar si se aplica de forma correcta. 

Un Saludo 

ResponderCitar
Respondido : 20/09/2022 3:38 pm
Fabiana
 Fabiana
Noble Member

@karen

me lo tomo solo en la 1 la segunda queda defasada

ResponderCitar
Respondido : 20/09/2022 3:39 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

Prueba aplicarlo en la clase superior del elemento

.sppb-sp-slider-text {
width: 450px;
}

Ten en cuenta que necesitas ir probando cuál es la clase que aplica para todos los elementos de forma global, puedes darle un vistazo al curso de CSS que tenemos disponible para comprobar como funciona el CSS en tu sitio web y como puedes hacer validaciones que las clases que se apliquen en los elementos del tema -> https://www.webempresa.com/university/curso-css-wordpress/

Un Saludo 

ResponderCitar
Respondido : 20/09/2022 3:46 pm
Fabiana me gusta