Topic: [Resolved] BuddyPress, Pages Appearance, Sidebar · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

[Resolved] BuddyPress, Pages Appearance, Sidebar

gbsu
Participant

@gbsu

9 years, 1 month ago

WordPress 4.1.1 | BP 2.2.1 | http://www.bigmpac.com

When I apply the BuddyPress plugin to my site (bigmpac.com), it seems that the theme’s page layout ( I am using Divi by ET) is overriden. All BuddyPress pages become ‘no-sidebar’ at all. All widgets in the sidebar area are dropped to the bottom of the content area. How do I correct this?

Also, I tried inserting the following code into my themes epanel for css, but get a vertical line which appears next to the page content on the members, groups and sitewide activity pages. Seems buddypress makes this the whole sidebar, instead of a page with sidebar. Also, sidebar on members, groups and activity pages appears larger than normal pages ( ex. forum & sign up).

Here’s the code I inserted:

.buddypress #left-area {
padding-bottom: 23px;
width: 65%;
float: left;
}

.buddypress #sidebar {
float: left;
}
.buddypress #left-area {
padding-left: 20px;
}
.buddypress .widgettitle {
padding: 5px;
margin-bottom: 5px;
}

Thanks for some guidance here.

Viewing 4 replies - 1 through 4 (of 4 total)

waterwalk
Participant

@waterwalk

8 years, 10 months ago

Did you ever find an answer to this?

gbsu
Participant

@gbsu

8 years, 10 months ago

Yes

bbooth87
Participant

@bbooth87

8 years, 7 months ago

What is the answer? I’m trying to style my locally hosted site. I want the side bar with the border to look like the standard page in Divi without the builder.
gbsu
Participant

@gbsu

8 years, 7 months ago
Sorry guy, I hadn’t been checking this thread in a while. I inserted the following code in epanel css:
```
.buddypress #left-area {
padding-bottom: 23px;
width: 65%;
float: left;
}

.buddypress #sidebar {
float: left;
}
.buddypress #left-area {
padding-left: 20px;
}
.buddypress .widgettitle {
padding: 5px;
margin-bottom: 5px;
}

.buddypress #sidebar {
width: 260px;
float: right;
}

.buddypress #main-content .container:before {
left: auto !important;
right: 260px;
}
```

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘[Resolved] BuddyPress, Pages Appearance, Sidebar’ is closed to new replies.