Topic: BP breaks OP2 pages (a CSS issue) · BuddyPress.org

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

BP breaks OP2 pages (a CSS issue)

gcbz
Participant

@gcbz

11 years, 1 month ago

Hi,

I have OptimizePress 2.0 (OP2) on my website gcbz(dot)com and BP installed. The pages I created through PageBuilder with OP2 will somehow make my page aligned to the left instead of full width (fluid/responsive). When I disable BPress theme, it does work with full width, unlike when BP is activated, 2 CSS files added and make the width 1250 which is what I don’t want (at least pages build by OP2).

I check via inspect element on my Chrome browser and the 2 css that adds on the header (when BP enabled) somehow adds these 2 CSS, default.css & responsive.css

I have BP activated via a child theme I created, what would be the fix to solve the issue of NOT including the 2 css so that it will not break pages build in OP2?

The example is here: http://www.gcbz(dot).com/sttm/

I’ll appreciate any inputs from this awesome forum. Thanks!

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

gcbz
Participant

@gcbz

11 years, 1 month ago

currently editing my OP2 sitewide css to
body {max-width:100%; width:100%}

it works but breaks the BP css too (the content expands soo wide) 🙁

@mercime
Participant

@mercime

11 years, 1 month ago

@gcbz BuddyPress is commpatible with nearly all WP themes. Other WP themes have their own proprietary templating system (instead of WP’s loop with the_title and the_content in the theme’s page.php file) which trips BP’s theme compatibility process.

One way to address the issue is by creating a new file named buddypress.php which would be a custom template for all BP content in your site. You’d need to copy the content of your theme’s page.php file and paste it into buddypress.php; then change proprietary template tags to the_title and the_content within the WP loop. After you’re done upload buddypress.php file into your theme’s folder in server.

Theme Compatibility & Template Files

Or you could customize each BP component in detail https://codex.buddypress.org/themes/theme-compatibility-1-7/template-hierarchy/

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

The topic ‘BP breaks OP2 pages (a CSS issue)’ is closed to new replies.