Sorry i forgot to say i’m on wordpress 3.6.1.
@resistoyen could you be more specific about what exactly didn’t work? Layout broken? Content not showing up? etc?
Oh sorry sure, thanks for the fast reply, my problem is that the page don’t want to show up with full-width as in the screenshorts here.
@mercime just noticed that useful twitter-kind thing to let you know i replyed.
I created a buddypress.php by copying the code tooked from the page-template-fullwidth.php. It didn’t work
@resistoyen sometimes it doesn’t work right away. To continue, using this page as reference:
https://themes.trac.wordpress.org/browser/oxygen/0.5/page-template-fullwidth.php?rev=24186
a) Remove the following from your buddypress.php file
Line 3: Template Name: Full Width
Line 13-17: <div class="aside">
to closing </div>
b) Change Line 21 from
<div class="content-wrap">
to
<div class="content-wrap bp-full-width">
c) Add this to your theme’s stylesheet
.bp-full-width {
width: 100% !important;
}
@mercime
Thx a lot for you help here. There is some change but it’s not working yet.
Though, this is encouraging as it have now an effect, but not the good one.
Here’s the screenshots of 2 tests
The code of my style.css of child theme
/* Theme Name: Oxygen Child Theme
Author: Self-Help WordPress User
Template: oxygen */
@import url("../oxygen/style.css");
.bp-full-width {
width: 100% !important; }
The effect is different: the bar go to left just under the main menu, which is the right place where it should be ! But the bar remains too little. I got the same effect with a 940 px width, which is the normal px of the full-width of oxygene.
Then i tryed to put 1500 px, or 200% to see if the bar go longer :
I searched for like one hour or two by now on google to find the right thing & still trying. I also tryed on main theme, changing the stylesheet. Same effect.
Here’s the codes of all this documents.
buddypress.php : http://pastebin.com/xs8BUN14
Again, thanks for your help
@mercime
Thanks you a lot, apparently i solve the problem now by changing more the style.css of the child theme.
Here’s the working code of style.css but it needs the change of buddypress.php that @mercime gave us previously. The code may not be perfect as i copyed what i found on the net + i added a code that is present in the main style.css of oxygen theme, which refers to the full-width layout.
/*
Theme Name: Oxygen Child Theme
Author: Self-Help WordPress User
Template: oxygen
*/
@import url("../oxygen/style.css");
#tertiary {
display: none;
}
#content {
margin-right: 0 !important;
}
.bp-full-width {
width: 100% !important;
}
.bp-full-width #content { width: 100%; }
.content-wrap {
float: right;
width: 79.78723404255319%; /* 750 / 940 = 0.79787234042553 */
}
.bp-full-width{ width: 100%; }
#content {
float: left;
width: 62.66666666666667%; /* 470 / 750 = 0.6266666666666667 */
margin: 0 0 30px 0;
}
.aside {
float: left;
width: 17.02127659574468%; /* 160 / 940 = 0.1702127659574468 */
}
#sidebar-primary {
float: left;
width: 100%; /* 160 / 940 = 0.1702127659574468 */
}
#sidebar-secondary {
float: right;
width: 33.33333333333333%; /* 250 / 750 = 0.3333333333333333 */
}
Thanks again @mercime !!
@resistoyen Glad you resolved the issue and thank you for posting your solution here 🙂
Marking this topic as resolved.