website text

• 

  karenmaebetts · Member · Jul 18, 2014 at 11:39 pm

  • Copy link
  • Add topic to favorites

  text on my site is being cut off mid word.

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

• 

  gracejiyoung · Member · Jul 19, 2014 at 12:05 am

  • Copy link

  Hi there,

  I took a further look at your site and was not able to find text being cut off as seen here:

  

  Can you please show me which page you are finding this?

  Thank you!

• 

  karenmaebetts · Member · Jul 19, 2014 at 12:20 am

  • Copy link

  Hi there,

  The words are being cut off and hyphenated. Eg-
  Xdfffgg dfghh dfghh dfghh SSS-
  Dfghh dfghh dfghh dfghh foggy-
  Diff

  This is happening on every page across desk top, I pad and I iphone
  I can send you an image if you like?

• 

  gracejiyoung · Member · Jul 19, 2014 at 12:25 am

  • Copy link

  Can you please take a screenshot and upload it to your Media > Library page?

  I’d be happy to take a further look.

• 

  karenmaebetts · Member · Jul 19, 2014 at 1:00 am

  • Copy link

  Ok I have done this. The words – future, minutes, responsibility are all hyphenated. I don’t want this.

  Thanks,
  Karen

• 

  gracejiyoung · Member · Jul 21, 2014 at 5:27 pm

  • Copy link

  Hi Karen,

  You can change this with CSS. Please go to Appearance > Customize > CSS and remove the informational content. Then try adding this:

  p {
  	word-wrap: break-word;
  }

  Hope you had a wonderful weekend!

• 

  karenmaebetts · Member · Jul 24, 2014 at 2:44 am

  • Copy link

  Hi Grace,

  thanks for your help, i have tried this but it still isn’t working! Ive even changed fonts and had a fiddle around with the customise tab. no luck so far…

• 

  jeremeylduvall · Member · Jul 25, 2014 at 9:27 pm

  • Copy link

  Hi there,

  Can you replace the CSS you’re using with the following?

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

  Let me know if that works for you!

• 

  karenmaebetts · Member · Jul 30, 2014 at 12:54 am

  • Copy link

  yes it has worked! thank you both for your help.

• 

  karenmaebetts · Member · Jul 30, 2014 at 1:32 am

  • Copy link

  Also I am having trouble changing the colour of links in my text – do you have any advice?

• 

  jeremeylduvall · Member · Jul 30, 2014 at 6:28 pm

  • Copy link

  Hi!

  You should be able to change the color of the links using the following CSS:

  p a {
  	color: #ff5e5e;
  }

  If you would like to set a different color upon hovering over the link and after visiting a link, add the following as well:

  p a:hover {
  	color: #ff5e5e;
  }
  
  p a:visited {
  	color: #ff5e5e;
  }

  Just change the hex code to the color you’re looking for! Let me know if that doesn’t work for you for some reason.