Docs

[Andrew]

I’ve been trying to figure out an issue with a plugin called BuddyDrive for a while now. Today I took it upon myself to do some tests to get down to the root of the problem. The issue is that the menu doesn’t display on Theme X.

First, I went on a test site where I had no other plugins running and installed Theme X, Twenty Fifteen, and BuddyDrive. BuddyDrive worked fine and displayed the menu properly on Twenty Fifteen. When I switched to Theme X, it did not. So it is a core issue with Theme X.

Next I opened Theme X’s BuddyDrive page in Chrome in one tab and Twenty Fifteen’s BuddyDrive page in another tab, and opened Developer Tools in both windows. I looked for the code that the menu was displaying under visually, and found it nested under and H3 tag.

Then I went to Theme X’s code in Developer Tools and added display: block; in the CSS in Chrome’s dev tools, which allows you to live preview changes to the code you make.

…the menu appeared and looks fine!

I am not sure why, but Theme X must be hiding that H3 tag by default, causing BuddyDrive to not work.

The really weird part is this:

I closed the Developer Tools and refreshed the page, then opened the WordPress customizer and added h3 { display: block !important; } but it didn’t do anything. I tried all kinds of variations of this, but can’t seem to get it to work at all.

Shouldn’t it be the same thing as the edit I made in dev tools?

I’d really like to fix this, and I find it really odd that Theme X hides that H3 tag in BuddyPress pages by default.

[Christian]

Hey Andrew,

Please give us the URL of the page and access to your WordPress admin.

Thanks.

[Andrew]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the access information. Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. We have tried to check the Twenty Fifteen theme and we can only see one h3 element which is in the author bio. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[Andrew]

Actually, I just figured it out. It didn’t work before for some reason, but it does now.

Basically, there is a plugin I’ve seen other threads about which doesn’t work with Theme X. The plugin is called “BuddyDrive” and is kind of like Google Drive but for BuddyPress. It’s pretty nice.

However, when you use it with Theme X, it doesn’t display any menu to upload or edit items or anything else, so there is no way to use it.

To fix this, I have to go to the customizer and add the following custom CSS:

H3 {
display: block !important;
}

I just find it odd that H3 is hidden by default on BuddyPress pages. Is there a reason for that?

[Rue Nel]

Hello There,

Glad you figured out a way to resolve the issue.

There is no hidden h3 in default BuddyPress pages. It maybe because you are referring h3 and in X it is h1 or a different element. Have you check the BuddyPress Page Titles in your customizer, Appearance > Customize > BuddyPress > Component Titles. It has a default value but it will only be shown on the front end once you change it to something else to your preferred titles. You can even sub titles too!

Hope this helps. Thanks.

[Andrew]

What should I look for in the BuddyPress component tiles? I don’t see any H3 settings there, or any settings other than the text to display.

[Christopher]

Hi there,

Are you referring to a page like https://cityoflight.io/groups/b-team-buffalo-inc/forum/ ?

I see it’s hidden by default but you added a right code and it displays fine on your page.

Thanks.

[Andrew]

This reply has been marked as private.

[Paul R]

Hi Andrew,

The link you provided is not working.

http://screencast.com/t/uhUATd7S5Yn

I think we need to login to be able to access the page, but the login you have provided above is no longer working.

Can you please check and let us know.

Thanks

[Andrew]

This reply has been marked as private.

[Zeshan]

Hi Andrew,

This is the default styling in X to hide the heading using following CSS rule:

.buddypress .x-item-list-tabs-subnav+h3 { display: none; }

As for the BuddyDrive compatibility, we cannot guarantee the compatibility of 3rd party plugins as we do not support them. However, it looks like you have resolved this issue by using custom CSS code. Glad to see that.

Thanks.

[Author]

Posts