Turning off hyphenation with CSS

• 

  gourmetmushrooms · Member · Jul 11, 2013 at 9:14 pm

  • Copy link
  • Add topic to favorites

  I want to end all hyphenation on posts and pages. I used this css:

  /*
  .entry-meta { display: none;}
  .site-content article, .widget-area .widget {
  word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;*/

  Sample of problem post is here
  http://gourmetmushrooms.wordpress.com/2013/07/10/natures-polymer/

  Thanks

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

• 

  adamkheckler · Staff · Jul 11, 2013 at 9:43 pm

  • Copy link

  Hi there!

  I am not seeing any hyphens in the post that you linked to. Here’s a screenshot:

  http://d.pr/i/Ueoz

  Either way, the CSS you currently have here:

  https://gourmetmushrooms.wordpress.com/wp-admin/customize.php#css

  …is actually commented out with the slashes and asterisks (see how it’s all green?). To really put those CSS rules into effect, you’ll need to replace that with this code:

  https://dl.dropboxusercontent.com/u/43805004/Automattic/css002.txt

  I’m no expert at CSS though, so I can’t say exactly what effect that code will have on your site.

  Let me know if there’s anything else I can help with. :) Thanks!

• 

  gourmetmushrooms · Member · Jul 18, 2013 at 4:07 pm

  • Copy link

  I pasted in your suggested css, but I am still getting hyphenation. Depending on screen there is either no hypenation, or ex-
  tremely awk-
  ward hyphenation, :-)

• 

  adamkheckler · Staff · Jul 18, 2013 at 5:09 pm

  • Copy link

  Try replacing the CSS you used earlier with this:

  https://dl.dropboxusercontent.com/u/43805004/Automattic/css003.txt

  That should fix it for you. :)

• 

  gourmetmushrooms · Member · Jul 18, 2013 at 5:23 pm

  • Copy link

  BINGO! You get the prize. I’m sure lots of other users will be happy to have this available. That’s for your help.

• 

  adamkheckler · Staff · Jul 18, 2013 at 5:46 pm

  • Copy link

  One thing to note, however, is that the specific CSS needed to disable hyphens may change with each theme.

  When in doubt, it’s always best to ask over in our CSS Customization forum:

  https://en.forums.wordpress.com/forum/css-customization

  Thanks!