WordPress.org

Ready to get started?Download WordPress

Forums

CSS justify text not working on Pages (13 posts)

  1. missflo
    Member
    Posted 1 year ago #

    Hello guys,

    I'm desperately trying to justify my text on this page: http://londonfemaleartists.com/?page_id=2 , but no chance so far, I tried everything, but nothing seems to work. If you got any tips that would be fabulous!

    thank you,

    Flora

  2. Digital Raindrops
    Member
    Posted 1 year ago #

    You have the justified, as a div?
    <div align="justify">Flora Deborah is a photographer based in London (Wapping E1W).
    Born 1984 in Evian les Bains, Haute Savoie

    You should select the text in the WordPress editor and use the Justify, then in the HTML view you will get something like this!

    <h1>My Title 1</h1>
    <p style="text-align: justify;">Justified: Cras eget justo at metus volutpat volutpat. Vestibulum tristique mattis augue, et mattis velit lacinia non. Pellentesque venenatis gravida justo ut cursus. Nunc sagittis, purus eu facilisis semper, neque urna sollicitudin libero, et semper sapien quam a nisl.</p>

    <h1>My Title 2</h1>
    <p style="text-align: justify;">Justified Quisque cursus ornare dolor, non dignissim lacus molestie a Cras eget justo at metus volutpat volutpat. Vestibulum tristique mattis augue, et mattis velit lacinia non. Pellentesque venenatis gravida justo ut cursus.</p>

    HTH

    David

  3. missflo
    Member
    Posted 1 year ago #

    Hello David,

    thank you!

    I tried that but unluckily doesn't work, I'm not sure why..

  4. Digital Raindrops
    Member
    Posted 1 year ago #

    As I said it is because you have the paragraph text inside <div></div> tags, in the editor on the right you have two tabs!
    [ Visual ][ HTML ] click on the HTML view and you will see the markup!

    HTH

    David

  5. missflo
    Member
    Posted 1 year ago #

    Thanks David, I took all the <Div> away, but nothing changed.. thanks anyway.
    Maybe there is something else wrong in the CSS that is forcing the paragraphs not to justify? I looked everywhere, but couldn't find it.

  6. missflo
    Member
    Posted 1 year ago #

    still not solved..does anybody got any other advice? that would be fabulous. thank you :)

  7. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  8. missflo
    Member
    Posted 1 year ago #

    Thank you Esmi. I tried it out (great application!) , but seems like the text should be Justified? this is driving me crazy I don't understand what's wrong.

  9. Digital Raindrops
    Member
    Posted 1 year ago #

    Hi Flora,
    you have short sentences with html line breaks.

    So the text is justified it is just the short sentences:

    Flora Deborah is a photographer based in London (Wapping E1W). {break}
    Born 1984 in Evian les Bains, Haute Savoie, she was raised in Milan and then moved to London in 2008 to study at the University of the Arts. {break}
    Nowadays she takes pictures and jog by the river on sunny days. {break}
    her portfolio: floradeborah.com

    Test it with a few paragraphs of Lorem Ipsum

    This is how it looks with a large amount of text, you can see it is justifed.

    HTH

    David

  10. missflo
    Member
    Posted 1 year ago #

    Thanks David,
    you are right, it does work with a full paragraph, but I never had the issue of having single lines not formatting. not sure how I can get the justify look with the "break" ?
    maybe with a table?

  11. Digital Raindrops
    Member
    Posted 1 year ago #

    If you paste your page contents into Word (justified) there is not much difference to the first two sections.

    The last section gets strung out and looks horrible, it might be worth looking at padding out the sentences with much more detail

    It says when and where she was born but nothing about her life there, her siblings, childhood, nothing about the area, town, rural, just a name.
    It says where she studied but not what she studied, was it fine arts, photography, graphic arts etc.
    It says she takes picture but not what type, outdoor, nature, people, places, objects.

    Regards

    David

  12. missflo
    Member
    Posted 1 year ago #

    Thank you David, but I would really like to make it look more justify without having to write more about myself in the bio.
    If anyone has any advice that would be so helpful! thank you :)
    Best
    Flora

  13. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You could make that section narrower (by adding margins or padding in the CSS code) -- but do be aware that justified text is generally considered to be harder to read...

Topic Closed

This topic has been closed to new replies.

About this Topic