[sirheavyhitterParticipant]

Dear, X-theme coding Guru’s

So, my site (SigmaHealthGroup) has a background image ( comprised mostly of all black and dark grey’s) and there for all of my Text, Headings, Links are all white.

Im running into a Problem with my Blog posts (and Buddy press profile page) because the body that contains blog text is White and consequently you cant see the white text. Is there a way to make this white Body Background Transparent or even black would probably work)

and as a side note is there anyway to make my profile pages have darker background or black text?

Thank you in advance

[LelyModerator]

Hi There,

We can add the following CSS via Appearance > Customize > Custom > CSS

.single-post .entry-wrap,
.buddypress .entry-wrap,
.buddypress .x-item-list-tabs-nav {
    background: transparent;
    box-shadow: none;
}
.buddypress .item-list>li {
    background-color: transparent;
    box-shadow: none;
}

Hope this helps.

[sirheavyhitterParticipant]

@lely,

Thank you so much for that Fix! It works great! for the Blog

The Buddy Press fix only seemed to fix the issue on half of the page. The Page Currently looks like this. (see attachment “Screenshot of Buddy Press Half fix”) you will see the “item header, item nav, and the “item-list-tabs-subnav” of the item body are all unaffected so far

Lastly, I didn’t realize this but I am seeing a similar issue with “BBpress” which runs my Forum Section. Currently the forums section looks like (See Attachament “screen shot for BBPress Forums”) i have selected everything in the box so that you can see there is type there but its in white, i think its within an tag, that means its just regular text, correct?.

Thank you so much for your time, its greatly appreciated.

Sincerely,

Perry

[sirheavyhitterParticipant]

screen shot of BB press Half fixed

[sirheavyhitterParticipant]

Screen shot of BBPress Forums Issue

[FriechModerator]

Hi There,

Before we provide a custom CSS to make those containers background transparent. Would you mind switching from Integrity light to Integrity dark? The option is on Customizer under the Integrity panel.

Cheers!

[sirheavyhitterParticipant]

Hey Friech, I did change to the Integrity Dark

So the color Issues I have now are as follows,

• ***see Blog Issue Screen Shot***, The Comments text box has an almost black background with light grey text
  • I would like to have the text box as a white text box with black text or a nearly transparent box with white text
• ***See Forums Issue Screen Shot***, The body background appears to be near black, with white text and white links
  • I would like to have either a transparent background with the current white text and black links (if you look in the topics and posts columns the links are currently white and cant be seen inside the small white box) – or – have the forums background be white, with black text and black links
• ***See Buddy Press Profile Issue screen shot*** Currently the background is a near black with white headers and links (for only the active page?) and then all other headers and links are like a grey, and the text box for “whats new SGH?” is also dark with grey lettering. YIKES!!!
  • I was really hoping to simplify it by having transparent background, with white links, white text, and a white text box with black letters

Wow, that is a lot. You guys are amazing for taking on all of our crazy questions! thanks in advance for any and all help… again!

Sincerely,

Perry

[FriechModerator]

Hi There,

I like how you clarify things, thank you 🙂 #1 You can add this under Custom > CSS in the Customizer.

/*background color of all input fields.*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: white;
}

This should change the background color of all the input fields and text area on your site. Including the comment text area and “whats new SGH? text fields”

#2 This should make the forum topics container transparent.

.bbpress .x-bbp-search-form,
.bbpress .bbp-header, .bbp-footer,
.bbp-body>ul, .bbp-body>div.hentry
.bbpress .entry-wrap,
.x-bbp-count, .x-btn-bbp, .bbp-topic-tags a, .bbp-row-actions a, .x-bbp-header .actions a, .quicktags-toolbar input.button, .bbp-submit-wrapper button[type="submit"] {
	background-color: transparent;
	border-color: transparent;
}

#3 I need to login before I can see the Buddy Press Profile, please provide us login credentials. You can add this custom css for now.

.buddypress .x-item-list-tabs-nav>ul>li>a, .buddypress .x-item-list-tabs-nav>ul>li>span {
	color: #fff;
}

.buddypress .x-bp-count, .buddypress .x-item-list-tabs-nav > ul > li > a span, .buddypress .button-nav a, .buddypress #item-buttons a, .buddypress .x-btn-bp, .buddypress #whats-new-form #aw-whats-new-submit, .buddypress #search-groups-form #groups_search_submit, .buddypress .activity-list .activity-comments .ac-form input[type="submit"], .buddypress .standard-form input[type="submit"], .buddypress .standard-form div.submit input[type="button"], #wpadminbar .quicklinks li#wp-admin-bar-my-account a span.count, #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a span.count, #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications, #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert {
	background-color: transparent;
}

If you have a child theme, I’d suggest that you place this custom css on your child theme’s style.css file instead.

Cheers!

[sirheavyhitterParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Then provide CSS for #3 is working and applied. Is it happening on selected profile only? And please add this as well.

.buddypress .x-item-list-tabs-subnav>ul>li>a {
    margin: 0 10px;
    color: rgba(255,255,255,0.5);
}

Thanks!

[Author]

Posts