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

  • Nik 1625 posts 7295 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

  • 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

  • Nik 1625 posts 7295 karma points MVP 7x c-trib
    Aug 26, 2016 @ 12:38
    Nik
    0

    No problem :-)

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies