[Resolved] How can I justify text in GenerateBlock?

[Hector]

How can I justify text in GenerateBlock?

Thanks for your quick attention.

[Leo]

Hi there,

CSS is required.

Can you disable the maintenance page and let me know which block you are referring to?

[Hector]

[credential deleted]

Ready…

[Leo]

This is a public forum so definitely don’t post your login here.

Which block should I be looking at?

[Hector]

Download a plugin for that, but I don’t know if it’s the best option or do you recommend another optimized procedure ???

Any block could be

[Leo]

To justify text? Shouldn’t need a plugin for that.

You could try adding a custom class like text-justify to the block that you want to justify then use this CSS:

.text-justify {
    text-align: justify;
}

[Hector]

Thanks.

[Leo]

No problem 🙂

[Suman]

It’s not working on mobile. Does the code need edits for mobile?

[Suman]

Kindly confirm if any changes are required for tablets as well.

[Ying]

Hi Suman,

The CSS would work for all devices.

If it doesn’t work for you, please open a new topic and link us to the page where we can see the issue.

[Suman]

It worked for me after I implemented it properly. The issue was the editor did not show the justified text in the preview.

[Fernando]

Hi Suman,

Custom CSS added through Additional CSS won’t show in the editor by default.

You’ll need to utilize the Child theme and enqueue your own block editor stylesheet and then add the custom code there as well to make it appear in the Block Editor.

See here for a sample: https://generatepress.com/forums/topic/load-editor-stylesheet-after-gp-inline-styles/#post-1895001

[Author]

Posts