Skip to:
Content
Pages
Categories
Search
Top
Bottom

Managing too long URL

Viewing 6 replies - 1 through 6 (of 6 total)

  • webcreations907
    Participant

    @webcreations907

    How about the below?

    
    
    #bbpress-forums div.bbp-reply-content a, 
    #bbpress-forums div.bbp-topic-content a{
    	word-wrap: break-word;
    }
    
    

    SirLouen
    Participant

    @sirlouen

    Good idea, I’m going to test it


    SirLouen
    Participant

    @sirlouen

    @webcreations907, did not work as expected 🙁 URLS are not being broken with that for some reason


    webcreations907
    Participant

    @webcreations907

    Maybe you don’t have those selectors / class names on your theme? Not sure what theme you’re using, but when I test on this forum, in Chrome & Safari adding the above fixes the overflow issue, Firefox didn’t seem to have a issue.

    Try the below, you might have to refresh your browser so it loads the changes.

    
    .bbp-reply-content a, 
    .bbp-topic-content a{
    	word-wrap: break-word;
    	word-break: break-word;
    }
    
    

    SirLouen
    Participant

    @sirlouen

    Ok, the problem wasn’t the rule itself, the problem was the css property: word-wrap was not doing the job with the links

    Word-break seems to have solved the issue now.

    According to this:
    https://developer.mozilla.org/es/docs/Web/CSS/overflow-wrap

    Note: In contrast to word-break, overflow-wrap will only create a break if an entire word cannot be placed on its own line without overflowing.

    This was the problem somehow (not sure how though)


    webcreations907
    Participant

    @webcreations907

    That’s great, isn’t browser compatibility fun? 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Skip to toolbar