Justufying Text

[idanshe]

Hello Armin!

I have a question regards the text block. I would like to place the text as a blocksatz, instead of flattersatz. How is it possible to get to the code? if i want it for a text format will it be possible to change it once instead of each text block? and should i just replaced "intend left" to "justify"?
THANKS!

[arminunruh]

Good question! :D
Ok so let's say you created a textformat called "justifiy".

Then in Lay Options -> Misc Options you enter this CSS:

._justifiy{
text-align: justify;
}

Let me know if that works!

[idanshe]

@arminunruh cool!!! thanks a lot :)

[idanshe]

@arminunruh hey armin! after the update of the lay theme my text isn't being justifying.. what should i do?

thanks!

[arminunruh]

Yeah I changed the code a bit.
Try:

.lay-textformat-parent ._fliesstext{
text-align: justify;
}

[idanshe]

@arminunruh super thanks! :)

[omoore]

@arminunruh
Is this code still working in 2018?

If I create a "paragraph format" and "justify" the sample text using the justify block button, and then apply the format to text in the gridder, there is no change.
I put in the code in the lay options --> custom css

Any help is appreciated!
Thanks

[mariusjopen]

Dear @omoore
don't forget to put IMPORTANT behind the code:

    text-align: justify !important

Best!

Marius

[omoore]

@mariusjopen It works now - Thank you!

[mariusjopen]

Great! Happy to hear!

[yelmarb]

I'm trying to justify text on a specific mobile page but for the life of me I can't make it work.

@arminunruh could you please tell me how can I target specific text on a mobile only site?

[arminunruh]

hey!

So I think you can find out the slug-* body class:
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

then in lay options → custom css & html

in css for mobile, do:

.slug-yourslug .text *{
text-align: justify !important;
}

the .slug-yourslug makes it so its only on that one page

[arminunruh]

of course if you wanted the text to be justified on mobile and desktop you could create a textformat and use text align, the far right icon