Group descriptions in buddypress groups not displaying correctly

[GenevieveSimperingham]

Hi there,

Since changing to kleo theme (we’re still in staging), there appears to be a formatting error in that the group descriptions are not displaying correctly.  You already have login credentials, so could you please view the group description at this link and note how the group description is cropped and only half of it is displaying.

http://peacefulparent.staging.wpengine.com/groups/general-forum-for-peaceful-parenting-related-questions-and-discussions/

[Laura]

Hello, i do not have the login credentials, please share

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 🙂

[GenevieveSimperingham]

This reply has been set as private.

[Laura]

Hello, password is invalid, let me know 🙂

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 🙂

[GenevieveSimperingham]

This reply has been set as private.

[Laura]

Hello, logged in, please add this to style.css of child theme to fix the group description

COPY CODE

div#item-meta p {
    height: auto !important;
    display: block !important;
}

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 🙂

[GenevieveSimperingham]

Thank you very much Laura. I put the code in the CSS code and it fixed the problem with the group description.

There’s another formatting error ocurring that I think could be related and would appreciate any insight you have.

This formatting error (see first pic where group description isn’t staying in the box) … is happening on the display of two groups in the list of groups here: http://peacefulparent.staging.wpengine.com/member-listing/peacefulparent/groups/

On the chrome browser, the groups; december ecourse with Tabitha and Meg description is spilling over outside the box as in the attached picture. I’ll just mention that I wondered if there was a connection to installing and using the BP Move Topics plugin because I noticed it around the same time, but when I deactivated the plugin it didn’t fix the problem.

You can also see these kind of overlapping appearing in the admin dashboard page as in the second screen shot.

My developer at WP Tangerine suggested:
“This might be occurring because you’re site is using a Child Theme, you might want to contact theme’s author and address this problem.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please try by adding this to style.css of child theme

COPY CODE

.item-desc a {
    word-break: break-word !important;
}

For the backend i can’t edit it with css

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 🙂

[GenevieveSimperingham]

Thank you very much Laura, it worked!!

So there’s another formatting issue that I’m now thinking might also be related and that hopefully you can help with. The display of groups or posts is different in my chrome browser compared to internet explorer. In Chrome it only shows 2 groups in each row, whereas in explorer there are three. With post display, in chrome it only shows 3, whereas in explorer it shows 4. But this isn’t the same on the pc of Tabitha who works for me, her chrome display is fine. Do you have any ideas on this?

[GenevieveSimperingham]

Hi Laura,
Now I just spotted that although it’s fixed in chrome, the problem is now showing in explorer, I’ve added a photo. You can also see in the pictures how there’s only two columns of groups in chrome and 3 in explorer, it’s the same with display of posts.

Attachments:

You must be logged in to view attached files.

[Laura]

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 🙂

[Radu]

Hi,

Add this css

COPY CODE

.item-desc a,.item-desc p {
    word-break: break-all !important;
}

Let me know
Cheers
R.

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

What support service includes ? What not ?

[GenevieveSimperingham]

Hi Laura,
that same code was already in the CSS file. But this was just below it, so I tried taking it out to see what would happen.
.item-desc a,.item-desc p {
word-break: break-all !important;
}
But that didn’t fix the problem (I was just having a guess really).
Do you have any other ideas?

[GenevieveSimperingham]

This shows this area of the CSS

Attachments:

You must be logged in to view attached files.

[Radu]

Wired cuz for me it works, where i can see a link in the members ? tried to post and cannot, leave that visible until we solve please.

Cheers
R.

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

What support service includes ? What not ?

[GenevieveSimperingham]

While you’re looking at my site Radu and Laura,
Another issue that may be related, also related to display, is that in the description of the groups, the words are being broken half way through words, as in it’s not wrapping the text properly in the boxes. Any advice on how to fix this? The same happens with longer names of members on the left of a particular topic or activity item. I’ll share screen shots, but here’ the link to the groups:
http://peacefulparent.staging.wpengine.com/member-listing/peacefulparent/groups/

Thank you,
Genevieve

Attachments:

You must be logged in to view attached files.

[Radu]

Hmm from what you say seems to be related to this css : https://archived.seventhqueen.com/forums/topic/group-descriptions-in-buddypress-groups-not-displaying-correctly/#post-189352

To can apply that rule only updates use this css

COPY CODE

.item .update a,.item .update p {
    word-break: break-all !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

What support service includes ? What not ?

[GenevieveSimperingham]

Hi Radu,

I added that code to the CSS but it hasn’t resolved any of the above issues; The words in the group description in the groups page not wrapping properly, or the member’s profile name not displaying properly (same issue of the word being cut in the middle), or the issue of only 2 instead of 3 columns displaying.

Are you happy for these issues to all be in the one thread, I imagine they’re related? And when you post a solution can you please let me know which or all of these issues you think it might resolve? Thank you.

[Radu]

Just send me the credentials and the group directory to can test live some css’s current login seems to not working

And remove all this kind of css concerning this issue frmo child theme or quick css area

Cheers
R

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

What support service includes ? What not ?

[GenevieveSimperingham]

It’s Aymaan and pass; lcI8S4uE)VR8y56y@!oBI9%z for the staging website.

And for the live site http://www.paecefulparent.com it’s Aymaan and pass; ^LmRo)zXvIOrS!R5g0C@J&rr

[Radu]

Unable to reach the website

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

What support service includes ? What not ?

[GenevieveSimperingham]

Hi Radu,
Oops, So sorry about that, I misspelled my own website not good haha!

It’s

And for the live site http://www.peacefulparent.com it’s Aymaan and pass; ^LmRo)zXvIOrS!R5g0C@J&rr

[Radu]

Hi,

Ok but there i cannot see what you describe , it looks like it’s other theme,let me know when can i see our design and leave links that shows the problem in forums and members url

Cheers
R

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

What support service includes ? What not ?

[GenevieveSimperingham]

Hi Radu,

I’m sorry about the confusion above, I remember writing a reply but maybe I was offline as I see it didn’t hold.

I think I misunderstood that you wanted to look at the buddypress/ bbpress in my live site to compare (as it’s working properly there), which was why I gave you the credentials for that site. Sorry about the misunderstanding, there isn’t any problems on the live site, only on the staging site.

So again mentioning the issue of the description of the groups that hasn’t been resolved. The code you’ve given me hasn’t resolved these issues. Thank you for your patience. … The words are being broken half way through words, as in it’s not wrapping the text properly in the boxes. Any advice on how to fix this? The same happens with longer names of members on the left of a particular topic or activity item. I’ll share screen shots, but here’ the link to the groups:
http://peacefulparent.staging.wpengine.com/member-listing/peacefulparent/groups/

and for testing purposes of display name a group you could use that’s not active is this one; http://peacefulparent.staging.wpengine.com/groups/sharing-circle-for-parents-of-tweens-and-teens-2083400775/members/

Thank you,
Genevieve

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

IT says, i think the credentials aren’t correct

“ERROR: We’re sorry, but this IP range has been blocked due to too many recent failed login attempts.

Please try again later.
You must log in to access the page you requested.”

Let me know the correct one

Cheers
R

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

What support service includes ? What not ?

[GenevieveSimperingham]

This reply has been set as private.

[Radu]

Hi,

Can you please link again the places where the groups and forum profile please ?

from example here : http://peacefulparent.staging.wpengine.com/member-listing/peacefulparent/groups/ i cannot see any groups. it seems that there i should have a membership or something.
Cheers

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

What support service includes ? What not ?

[GenevieveSimperingham]

Hi Radu, Sorry, the reason you were forced to the membership options page is because the link I gave you was http not https and since that time, the whole site has been changed to forcing https. Try this link; https://peacefulparent.staging.wpengine.com/groups/

[Radu]

Hi,

The link it’s wrapped into block.

Let me know
Cheers
R

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

What support service includes ? What not ?

[GenevieveSimperingham]

Hi Radu, yes that’s the problem. Is it possible to change it so the words don’t get divided half way through a word? Many thanks.

[Radu]

Hi,

See the next screenshot

there are the rules that handles that, you will have to change those from
break-all !important to break-word !important and it will look like this

The link has to many characters and it will be on two lines anyway

Cheers
R

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

What support service includes ? What not ?

[GenevieveSimperingham]

Yes this is what I want them to look like. I can take out the longer link if that’s causing trouble. Can you please share these screen shots as attachments so I can share with my developer and ask him to make the changes please. Also because what’s on the screen is way too small for me to read. Thank you very much.

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

here’s the screenshot link save it or give it directly the link : http://seventhqueen.com/public-files/radu/Groups__Peaceful_Parent_2018-05-09_16-38-31.png

Cheers
R

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

What support service includes ? What not ?

[Author]

Posts