Justify center-align content


I have a grid container which has the text aligned to the centre. However, I would like to justify the content so the text can occupy all the content of the grid. Is this possible?

I have used the following code (using the class=justify for all elements I want to affect), which functions very well in other sections of the page, but not in the grid container.

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

Would it be because of the text-align property?

Hi @roirobo,

Can you share the link to the page where this grid is located? I’ll check the structure.

Sure. It’s in http://dev.rodrigo.digital/piase

Try replacing your justify custom CSS with this:

.gb-headline.justify {
    text-align: justify;