Justify Text

Hi there,

What's the complete CSS you're using?

You should be adding CSS using these instructions: https://docs.generatepress.com/article/adding-css/

Hi Hussein,

You shouldn't have to add the same CSS everytime if you use one of these methods:
https://docs.generatepress.com/article/adding-css/

Are you able to provide a link to the page where it's not working?

Thanks!

Hi Tom,

Appreciate your reply.

Unfortunately I have tested many times now using Simple CSS, and it didn’t work!

I need to Justify the text in whole pages, and nothing is justified.

Check the site here: http://HusseinYounes.com

Thx ~ Hussein

Hi there,

Looks like it's working for me?
https://s12.postimg.org/zbon2fkrx/2017-05-04_1244.png

The text-align: justify; is added straight in HTML style.

Let me know.

Hi Leo,

I just noticed after your screenshot that the (text-align: justify;) works fine with IE and Chrome, however it doesn't work with Safari.

So the problem specifically with Safari my main browser.

Thanks for your input and notice!

Tom, please fix if in Safari and consider MAC users in the future releases :)

Regards ~ Hussein

Can you try clearing your Safari browser cache? Or test with Private Browsing in Safari.

Everything should be Safari compatible already.

Let us know :)

I tried your suggestion, and nothing happened, same things!

GP doesn't have any control over how browsers render CSS. I'm not sure if Safari has a different attribute for justifying text or not.

In these examples, is the text in the box saying it's justified working for you?: https://css-tricks.com/almanac/properties/t/text-align/#article-header-id-0

Example is justified. Check the screenshot.

FYI, before the latest release when I was able to edit GP CSS and add (text-align: justify;) manually, Safari used to work fine and justify everything.

What's the complete CSS you're adding, including the selector?

For Sipmle CSS, I don't add anything, because I can see the justify command comes embedded by default.

You could try this:

.siteorigin-widget-tinymce {
    text-align: justify;
}

The CSS itself should work in all browsers, as it's just standard CSS2.

Unfortunately same thing! Dons't work on Safari.

Hmm, can't find any reason for that.

I did find this: https://discussions.apple.com/thread/7912165?start=0&tstart=0

Not sure if it's relevant. I'll do some more digging :)