Docs

[Bernarr]

So I am fairly lost 🙂 It seems the bbPress forums and BuddyPress plugins aren’t taking anything from the X theme as far as CSS goes.
Forums-
http://www.chucklingcasket.com/forums/

BuddyPress screenshot-
https://www.dropbox.com/s/gh4hoboqdt2y2ea/buddypress.png?dl=0

Pages also have a white background and I can’t figure out how to make it black-
http://www.chucklingcasket.com/about-the-casket/

Is this common, or am I doing something wrong?

[Friech]

Hi There,

Thanks for writing in! But we cant access your forum, please provide us login credentials in private reply so we can take a closer look.

Regarding the white background, please add this under Custom > CSS in the Customizer.

.x-container.main:before {
	background-color: #000;
}

Hope it helps, Cheers!

[Bernarr]

This reply has been marked as private.

[Thai]

Hi There,

Can you confirm that you want to change the background color of the profile page to black?

Thanks.

[Bernarr]

Hiya,

Yes, essentially everything should match the front page, but none of the color settings seem to transfer through to buddypress or bbpress.

[Rue Nel]

Hello There,

Upon checking the user profile of the forum, this is what I see: http://prntscr.com/cxq9up
Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[Bernarr]

Hiya,

The white shouldn’t be there. The whole site should have a black backround throughout all pages. The old theme that we were working with before finding X is an example of how it should look-
forums – https://www.dropbox.com/s/4vfdsxxgsw3w9r6/IMG-0006.png?dl=0
profiles – https://www.dropbox.com/s/iizcmkswxfah7vh/IMG-0005.png?dl=0

[Rue Nel]

Hello There,

To resolve your issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-bbp-search-form,
.bbp-header, .bbp-footer,
.bbp-body>ul, .bbp-body>div.hentry,
.bbp-forums-list>li, .bbp-topic-revision-log>li, .bbp-reply-revision-log>li {
    background-color: transparent;
    border: solid 1px #e5e5e5;
}

Hope this helps. Please let us know how it goes.

[Bernarr]

It does, but it doesn’t cover everything.. The profile pages from buddypress still have large blocks of white and the admin menus on top of forum posts aren’t formatted-
https://www.dropbox.com/s/m1e86cbgiy9q6oq/IMG-0009.png?dl=0

[Bernarr]

Also, I changed the border color to red for the code you gave me, but it’s showing a white line on the bottom and right side in the header and footer of the forums.

[Jade]

Hi there,

Please update this code:

.x-bbp-search-form, .bbp-header, .bbp-footer, .bbp-body>ul, .bbp-body>div.hentry, .bbp-forums-list>li, .bbp-topic-revision-log>li, .bbp-reply-revision-log>li {
    background-color: transparent;
    border: solid 1px #9C0000;
}

to

.x-bbp-search-form, .bbp-header, .bbp-footer, 
.bbp-body>ul, .bbp-body>div.hentry, 
.bbp-forums-list>li, 
.bbp-topic-revision-log>li, 
.bbp-reply-revision-log>li {
    background-color: transparent;
    border: solid 1px #9C0000;
    box-shadow: none;
}

Then add this code in the customizer:

.x-bbp-item-info-header, 
.x-bbp-item-info-header .bbp-admin-links a, 
.x-bbp-item-info-header .bbp-admin-links a:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff;
}

Hope this helps.

[Bernarr]

Worked great, thanks 🙂

I have no clue what these boxes are, but they should be black/red as well-
https://www.dropbox.com/s/4412m6drbloh5hy/IMG-0011.png?dl=0

And the profile is still showing white sections in the background-
https://www.dropbox.com/s/gnq6brt41061t6j/IMG-0012.png?dl=0

[Bernarr]

Also, is there a way to add a red border around posts on the main page here?
http://www.chucklingcasket.com/

[Jade]

Hi there,

Please add this CSS:

.home.blog .x-main.left {
    border: 1px solid red;
    padding-left: 20px;
}

.buddypress #item-header, .buddypress .x-item-list-tabs-nav>ul>li>a:hover, .buddypress .x-item-list-tabs-nav>ul>li.current>a, .buddypress .x-item-list-tabs-nav>ul>li.selected>a, .buddypress .x-item-list-tabs-nav, .buddypress .x-item-list-tabs-nav>ul>li>a, .buddypress .x-item-list-tabs-nav>ul>li>span, .buddypress .item-list>li {
    background-color: transparent !important;
    box-shadow: none;
    color: #5a437d;
}

Hope this helps.

[Bernarr]

Is it possible to have the border surround each post on the main page individually?

[Author]

Posts