This topic has 4 replies, 3 voices, and was last updated 6 years by Radu.

  • Author
  • #164904
     BuddyTed
    Participant

    Posts made by users are repeated on their own member profile background image, just below the Avatar.

    While this might look fine with a post length of a few words (see screenshot from BuddyApp Themeforest page), it can get very messy when the member writes longer pieces (see the online/ Themeforest demo post I made )

    Any way to limit word length for the display underneath the Avatar?

    Attachments:
    You must be logged in to view attached files.
    #165154
     Laura
    Moderator

    Hello, will assign the ticket to a higher support level who can help and advise you in your query.
    Thanks! ?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #165517
     Radu
    Moderator

    Hi,

    Just add this CSS to wp-admin -> theme options -> quick css

    COPY CODE
    
    #buddypress div#item-header div#latest-update {
        text-overflow: ellipsis;
        overflow: hidden;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
    }
    

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #167915
     BuddyTed
    Participant

    Sorry, a bit late, but: thank you, Radu, that worked well and makes it look much better on our site.

    One additional question, before the thread is closed: What would I have to do to hide the text altogether? Is there an easy way to do that?

    Thanks again for your wonderful products and the great support.

    Gunther

    #168074
     Radu
    Moderator

    Hi,

    Use this to hide that text completely

    COPY CODE
    
    #buddypress div#item-header div#latest-update {display:none !important;}
    

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 5 posts - 1 through 5 (of 5 total)

The forum ‘Theme options & Demo content’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?