Step 1 :
Create a Text Layer with your custom content.
Step 2 :
Select the Text Layer and navigate to Layer Options > Attributes, and add a custom CSS class “rs-justify“:
Step 3 :
Go to the Module General Options tab > Click on the CSS/jQuery sub-section.
Insert the custom CSS code below into the Custom CSS section of the Slider here.
.rs-justify {text-align: justify !important;}
How to Justify Texts in Text Layers
the text is not getting justified , even after adding the Css code
Can you Kindly help me with this
Thanks for reaching out! We’d be happy to help with your request. In order for us to look into this further, please submit a ticket on our support website here: https://support.sliderrevolution.com . This way we can ensure a prompt and efficient resolution for you. Let us know if you have any further questions or concerns. Thanks for using Slider Revolution!
For me it’s not justifying too.
Hi Bruno,
Thanks for reaching out. The custom CSS that you’ve applied might be conflicting with your other stylings. Please submit a ticket on our support website here: https://support.sliderrevolution.com and we’ll attend to you asap.
Best regards,
KC @ Slider Revolution
Tampoco puedo justificar el texto, mi problema aumenta porque el escaso contenido sobre el tema está en inglés y yo hablo español ¿Alguien podría brindar la solución por aquí sin tanta burocracia? es demasiado cansado estar abriendo tickets y brindando datos innecesarios para un problema menor como este.
Hi, You can contact our live chat support from bottom-right corner. Or share the page link with details of the text in the reply to this comment so I can inspect for this issue.
Hola, puedes comunicarte con nuestro soporte de chat en vivo desde la esquina inferior derecha. O comparta el enlace de la página con detalles del texto en la respuesta a este comentario para que pueda inspeccionar este problema.
Why do you post a method that doesn’t work, and then write in the comments for us to write to tech support? It doesn’t work for me and for my 3 colleagues too. Maybe you will fix something and update the article?????
Hi Denrick,
Classes for layers has been changed in the latest version of the plugin, the “rs-layer” is replaced with “sr7-layer”. You can use this code instead:
.rs-justify {text-align: justify !important;}I’ll update the code in the FAQ, thank you for bringing this to our attention.
Thanks.
Thanks for the quick reply, but it still doesn’t work(
Hi Denrick,
Please ensure that you are adding the CSS to the Module General Options tab > CSS/jQuery > Custom CSS. The results should appear in the preview or front end.
See screenshots below:
https://prnt.sc/kJi2bU4esauQ
https://prnt.sc/IPBmW_qR4mC9
Thanks.