How can I disable hyphenated words in my website's styling?

• 

  eleanorannhancock · Member · Aug 17, 2013 at 10:21 pm

  • Copy link
  • Add topic to favorites

  I do not want words broken and hyphenated at the end of a line, anywhere in my site. I have custom CSS. How can I change the styling so that words are not hyphenated?

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · Aug 19, 2013 at 3:27 pm

  • Copy link

  Hi there – you can try adding this code under Appearance > Custom Design. Click the CSS tab and add this completely below the existing green comments:

  .site-content article, .widget-area .widget {
  	word-wrap: normal !important;
  	-webkit-hyphens: none !important; 
  	-moz-hyphens: none !important;
  	hyphens: none  !important;
  }

  Click Save when you’re done.

  If you need further CSS help, please feel free to post in our CSS Customization forum.

• 

  eleanorannhancock · Member · Aug 20, 2013 at 6:56 pm

  • Copy link

  Thank you!! That worked – and I like it so much better. :)

• 

  kathrynwp · Staff · Aug 20, 2013 at 8:04 pm

  • Copy link

  Great, glad that worked for you!