How to Justify Texts in Text Layers

This article will show you how to apply custom CSS to justify texts in a Text Layer.

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 Author

KC

Strength does not come from winning. Your struggles develop your strengths. When you go through hardships and decide not to surrender, that is strength.

If you need help with anything related to our plugin, please comment on a post or email me at [email protected].

Liked this Post?
Please Share it!

10 thoughts on “How to Justify Texts in Text Layers

    1. 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!

  1. 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.

    1. 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.

  2. 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?????

    1. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *