Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Wordpress blog posts - Text wont justify

Featured Replies

Hi there,

 

I am trying to get my blog posts to text-align: justify; and I have added this to the css which I believe is .post_content for blog posts but I still cant get text to justify and it looks a bit messy on the right side of blog posts with words having hyphens at the end.

 

I am on wordpress version 3.6 due to a template being used which uses the cherry plugin.

 

If anyone has experienced this issue or know what I am doing wrong to justify the text it would be much appreciated.

 

Thanks in advance

post-20360-0-75609100-1409910951_thumb.jpg

  • Author

ok I will add that.... I have got that on my style.less.css

 

Can you also add justify to that css?

 

Thank you

i can see u added this

 

in your main-style.css





.post_content p {
	padding-bottom:20px;
	text-align:left;
}




i just checked in my browser

 

post-21769-0-50410700-1409927599_thumb.png

the text align looks fine to me

  • Author

It is not fully responsive however, on an iPad, iPhone it makes no difference and even in normal browser it did not change anything, words to the right are cut off by an hyphen

  • Author

This is on my ipad, image attached.

 

You can see where some of the words get cut off on the right with the - hyphens

post-20360-0-19648800-1409930931_thumb.jpg

find the 'hyphens' part, set it to 'none'

 

e.g.
p {
hyphens: none | manual | auto
}

and use
text-align: justify;

if you must but it's quite nasty on the net (especially without hyphenation). it's allegedly harder to read for people with reading difficulties such as dyslexia, and it can have rivers of white running through the text (formed from the large spaces between words)

  • Author

Blue dreamer and dave thanks for the replies.

 

So do most people not use the text justify feature then?

 

I find having words cut off towards the right it looks messy, if a word can't fit then would be better starting on a new line as a complete word.

Edited by jay76

yep just left-aligned in most if not all cases.
In print, layout programmes such as Adobe indesign have sophisticated hyphenation engines to subtly adjust text (horizontal tracking, kerning etc.) to make full justified text work - and even then it may need manual intervention. due to the nature of the net and varying widths of containers and text sizes it makes it an uphill struggle to hypenate well without leaving a mess ;)

hence why most people don't fully justifiy text.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.