Site logo

Archived topic

Text Alignment

7 replies · Started by Sourabh on June 16, 2021

Viewing posts 1–8 of 8

HI,

Using below CSS (Given by David) to justify text -

.entry-content p {
text-align: justify;
text-justify: inter-word;
}

Need small change in it because its justify each text even in page etc (Hero, slider, Info box all text is justified and due to it center alignment is also not working).

I just want to justify text of specific box, so guide me how to do it (like by giving special classes to a box etc), so make changes in CSS accordingly.

pls help

Hi there,

select the Text Block and in settings Advanced > Additional CSS Class(s) add: justify-text

then use this CSS:

p.justify-text {
    text-align: justify;
    text-justify: inter-word;
}

Thanks

You're welcome

HI David,

Seems something wrong as seen final output today as para not following CSS, refer snapshots.

Please look into it.

Fine

No problem :)

This archived topic is closed to new replies.