BuddyDev

Search

How to break www. links in BP activity to prevent overlapping

  • Participant
    Level: Master
    Posts: 497
    Daniel on December 29, 2020 at 9:25 am #35141

    Hi,

    The users of our website sometimes post “www.” links which are very long. Buddypress doesn’t recognize how to break such links in order the links remain inside the cards. The theme autor has told me to use this css to break the links, but the problem is that when using this CSS, then the words also get “broke” in the middle when they reach the end of the card which looks even worse.

    .activity-content {

word-break: break-all;
}

    Might you have any suggestions how to fix this issue because it looks very unprofessional?

    Thank you.

    Regards,
    Daniel

  • Participant
    Level: Master
    Posts: 497
    Daniel on December 29, 2020 at 9:26 am #35142
    This reply has been marked as private.
  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on December 29, 2020 at 10:56 pm #35156

    Hi Daniel,
    Please add the following css

    
.bpfb_link_preview_url {
    overflow-wrap: break-word;
}

    Regards
    Brajesh

  • Participant
    Level: Master
    Posts: 497
    Daniel on December 30, 2020 at 8:24 am #35163

    Hi Brajesh,

    Thank you for the CSS code, the code is very cool, now it looks awesome.

    Regards,
    Daniel

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on January 2, 2021 at 7:59 pm #35192

    Hi Daniel,
    You are welcome.

    Regards
    Brajesh

The topic ‘How to break www. links in BP activity to prevent overlapping’ is closed to new replies.

This topic is: not resolved