Member page template full width

[CompanyGolfClub]

Hey guys,

Looking for a way to  set the template for the Buddypress “Members” page to full-width or enable the theme options at least, or change some source files in my Child Theme. The goal is to add content before the member area to make the Members page look like all the other pages.

I found <?php do_action( ‘bp_before_directory_members_page’ ); ?> in Buddypress > index.php and when I add content in front of that, it does show it, but I can’t achieve the look I want, due to the theme options not working for the page.

I’ve added two screenshots to illustrate what I’m trying to do 🙂

Thanks in advance!

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

You can add content before members directory using this function

COPY CODE

function add_content_before_members_directory() {

    echo '<h1>Test</h1>';

}

add_action('bp_before_directory_members_page','add_content_before_members_directory');

Instead of ‘

Test

‘; add your content….

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 ?

[CompanyGolfClub]

Hi Radu,

Thanks for your reply 🙂 While it’s nice to have solution that doesn’t involve editing files, that only partially fixes the problem.

When I make a regular page in WordPress using the Visual Composer, using a full-width layout and I copy the code over to the function you just shared with me, it shows up fine, except for the fact that it still won’t show that content full-width, because I can’t use the theme options on this page.

The first screenshot I shared shows what I’d already made messing around in the Buddypress files in the Kleo theme and the second screenshot shows what it should end up looking like.

Is there any way to make the Buddypress-specific “member” page use a different template – the full-width template – and make that page match the other pages in style?

[Radu]

Hi,

You can choose what template you want to use for members directory from wp-admin -> theme options -> BuddyPress -> Members Directory Layout

So your problem it’s : The snipped that i have provided to you it’s works but if you have full width template on members directory the content from the function it’s not displayed? if yes provide admin credentials and member page url to can check it

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 ?

[CompanyGolfClub]

This reply has been set as private.

[CompanyGolfClub]

This reply has been set as private.

[Radu]

Hi,

From what i see the code that you have added in function that i have provided to you it’s displayed on members directory and it’s full width

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 ?

[CompanyGolfClub]

Hi Radu, that is correct, but adding a full-width image background for example, does specifically not work. Also, the Buddypress element I’ve loaded on the current members directory page to show the newest members, doesn’t work properly: it’s not possible to click on the members and go to their profile.

I’ve attached a screenshot of the current page, but this is not how I want to style it and the Buddypress element no longer works.

Please keep in mind you have to be logged in to see this page.

[Radu]

Hi,

Please add a fullwidth background.. to simulate situation when the clicking on members doesn’t works and leave it like that to can investigate

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 ?

[CompanyGolfClub]

This is a live site, I can’t just edit the live members page :/ The client doesn’t have a test-site currently. You presumably have a test-site somewhere right? It’s real easy to test, just add a full-width element with a background image and see if it works… When I tried, it gave me the results that I shared in my first post.

Also, you can really easily test to see if the theme options works or not, like hiding the page title. That doesn’t work :/ If you’re 100% sure this should work, I’ll try and set up a copy of the website somewhere!

[Radu]

Hi,

Use this css and let me know

COPY CODE

.members.directory div#main section.container-wrap .container {
    padding: 0;
    max-width: initial;
}

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