Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Ivan 15 posts 125 karma points
    Aug 26, 2016 @ 11:48
    Ivan
    0

    Links not wrapping/resizing

    Hi all I'm currently using Umbraco version 7.5.2 assembly: 1.0.6079.16190. I've installed Umbraco with Fanoe starter pack. My problem is that whenever I put some headline/paragraph or any other content that is basically a link, that link doesn't wrap with smaller screens. I've tried using individual styling like overflow-wrap: break-word; word-wrap: break-word; but it still doesn't work.

    Do you have any suggestions how to solve this? Thanks in advance, Ivan

    Copy Link
  • Nik 1614 posts 7260 karma points MVP 7x c-trib
    Aug 26, 2016 @ 12:24
    Nik
    100

    Hi Ivan,

    I suspect the reason you are seeing this behaviour is this CSS from the fanoe.css file (fyi: line 490 in the CSS file approximately):

    white-space: nowrap;

    This is applied to all a and a:visited tags which cause the text not to wrap. You can either take this off, or alternatively create an additional class that can override this setting.

    Thanks,

    Nik

    Copy Link
  • Ivan 15 posts 125 karma points
    Aug 26, 2016 @ 12:27
    Ivan
    0

    Removed it and it works like a charm. Thank you very much. Cheers

    Copy Link
  • Nik 1614 posts 7260 karma points MVP 7x c-trib
    Aug 26, 2016 @ 12:38
    Nik
    0

    No problem :-)

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft