ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• December 28, 2015 at 3:27 am #237411
  camind

  Member

  Post count: 228

  When an article has a very long word or phrase without any spacing the line continues into the next related article box. I attached a screenshot.

  Thanks

  Attachments:

  You must be logged in to view attached files.
  December 28, 2015 at 5:25 am #237414
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I tested many articles URLs but i am not getting the issue as you explained. Have you gotten this issue at desktop or ipad view?
  Thanks
  Mohammad

  December 30, 2015 at 6:44 am #237675
  camind

  Member

  Post count: 228

  Hi Mohammad,

  Well i wish i can give you a specific url but it wouldn’t help since the related articles change every time. The problem only happens on one article since i only have one article that has a very long phrase without spaces. The title of this article is ” Cancell/Cantron/Protocel Cancer Treatment Review ” which has a phrase that has 24 characters without a space. And this is what causes the issue.

  I don’t know how you can recreate the issue other then going to this url domain /how-long-does-chemotherapy-take-to-work/ and refreshing the page until you see this title “Cancell/Cantron/Protocel Cancer Treatment Review” then once you have it in front of you, you can see the issue. If this issue is not visible on your computer just increase the zoom a little and the problem is there.

  I have only tested this on desktop. but im sure the issue will be on tablet and mobile also because its a character limit problem.

  Thanks

  December 30, 2015 at 7:14 am #237676
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Its looking perfect to me. Please check the attachment.
  Thanks
  Mohammad

  Attachments:

  You must be logged in to view attached files.
  December 30, 2015 at 11:38 am #237706
  camind

  Member

  Post count: 228

  Mohammad,

  it happens on chrome browser for me. I haven’t tested it on other browsers. As you can see on my screen shot it happens on chrome. Maybe this is windows or chrome specific? I wonder why the phrase gets broken up and put on the line below for you but not for me?

  Thanks

  December 30, 2015 at 1:05 pm #237712
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  It still looks perfect to me. Please check the attachment.
  Thanks
  Mohammad

  Attachments:

  You must be logged in to view attached files.
  December 31, 2015 at 12:33 am #237767
  camind

  Member

  Post count: 228

  Mohammad,

  I think i figured it out. In your two screen shots the article in question is on the outside right of the related articles widget. And in my screen shot the article in question is on the inner part of the related articles widget.

  So the characters get cut off properly when the article sits on the far right( like on your screenshots) but when it is anywhere on the inside where another article is to the right( my screenshot), it does not cut off the characters properly. Makes sense?

  Thanks again

  December 31, 2015 at 2:51 am #237773
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I got it. Please use this custom css code:-

  .related-item h5 a {
      overflow: hidden !important;
      width: 100%;
      display: block;
  }
  

  Thanks
  Mohammad

  December 31, 2015 at 11:57 pm #237835
  camind

  Member

  Post count: 228

  Mohammad,

  I tried the css code you provided but the only thing that the code does is cut off the characters that are overflowed instead of forcing the overflow to the next line. see attachment

  Is there any way to properly fix this so that the characters that overflow get moved down to the next line so that the title is still readable?

  Thanks

  Attachments:

  You must be logged in to view attached files.
  January 1, 2016 at 8:24 am #237850
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove the last code and use this new code:-

  .related-item h5 a {
      width: 100%;
      display: block;
      word-wrap: break-word;
  }

  Thanks
  Mohammad

  January 12, 2016 at 10:37 pm #239849
  camind

  Member

  Post count: 228

  PERFECT 🙂

  January 13, 2016 at 4:25 am #239872
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome and glad 🙂 to help you.
  Thanks
  Mohammad

• Back to forum

  Posted in: Dante