[Resolved] Justify Text

[Hussein Younes]

Hi Tom,

After every update, I used to insert in the CSS file the following (text-align:justify;) to justify my text. However, after last update, the mentioned command didn’t work!

Any idea how to justify my theme?

Appreciate your usual great support!

Thx ~ Hussein

[Tom]

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/

[Leo]

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!

[Hussein Younes]

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

[Leo]

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.

[Hussein Younes]

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

[Leo]

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

Everything should be Safari compatible already.

Let us know 🙂

[Hussein Younes]

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

[Tom]

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

[Hussein Younes]

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.

[Tom]

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

[Hussein Younes]

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

[Tom]

You could try this:

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

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

[Hussein Younes]

Unfortunately same thing! Dons’t work on Safari.

[Tom]

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 🙂

[Author]

Posts