Docs

[Reanna]

Hi there Themeco,

I am wanting to add a border to the body of my bbpress forums as shown by the red bar in this screen shot:
http://grouptherapyoc.com/forums/forum/sub-forums/

As you can see I added this code to the sidebar which made it’s body white and added a border.

.x-sidebar {
background-color: white;
}

body.bbpress,
body.bbpress .site {
  background-color: #373737;
}

body.buddypress,
body.buddypress .site {
  background-color: #373737;
}

.x-sidebar{
padding-left: 15px;
border-left: 2px solid #eaeaea;
padding-right: 15px;
border-right: 2px solid #eaeaea;
padding-top: 15px;
border-top: 2px solid #eaeaea;
padding-bottom: 15px;
border-bottom: 2px solid #eaeaea;  
}

I would like to replicate this with the body of bbpress, due to the fact that the current background colour is seeping through. So to be specific how can I make the body of bbpress (within the red border shown above) white and add a border relative to where the red is provided on my screen shot?

Thanks in advance for any assistance!
Reanna

[Christopher]

Hi there,

Please add this :

body.forum.bbpress .x-main {
    border: 2px solid #eaeaea;
    background-color: #fff;
    padding: 10px;
}

Hope it helps.

[Reanna]

Hi Christopher,

That code has indeed affected the sub-forum page as shown here:

Unfortunately the threads and replies posted within the forums are still how they were earlier, like so:

Any chance I could get a code for that as well?

Thanks,
Reanna

[Rupok]

Hi Reanna,

Thanks for updating. Sorry but I am bit confused now. Would you clarify a bit that where you exactly want the borders and where shouldn’t?

Cheers!

[Reanna]

Hi again,

The code Christopher provided works, but only on the sub forum page. I would like the same border and background to work on posts like this page for example:

As you can see it’s not currently working on the posts, the red lines display where I want the border. Then I would like that area filled in white so the grey background no longer seeps through.

I’m hope this is clearer, sorry for any confusion.
Reanna

[Christopher]

Hi there,

Please provide us with exact URL of page in question.
In case we need to login to access the page, please provide us with login credentials.

Thanks.

[Reanna]

EDIT: Managed to figure it out myself.
This code got the result I wanted:

body.topic.bbpress .x-main {
    border: 2px solid #eaeaea;
    background-color: #fff;
    padding: 10px;
}

You can close this topic now, thanks.
Reanna

[Paul R]

You’re welcome and thanks for sharing the code.

[Author]

Posts