Customizr & bbPress – 'Topic Closed' Greyed Out – Noooo

SETUP:
WP v 3.9
Customizr v 3.1.11 / Using a Customizr Child Theme
bbPress v 2.5.3

On website https://www.the-rv-life.com … hope that helps the diagnosis.

Thanks much,
B

It’s about bbpress. These are the rules in bbpress.css
this is for the font color of closed topic

#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
color: #ccc;
}

and this for sticky background:

.bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky {
background-color: #ffffe0 !important;
font-size: 1.1em;
}

So basically you can override that in your custom css or your child-theme style.css

@d4z_c0nf … ok, wowy, thanks very much, awesome, so happy to find a solution, period.

Next, I just go into the Editor for that bbpress.css and find code that looks like what you pasted and put my own color code at the #ccc … right?

Ok, I’m out like trout! Thanks a bunch!!! Will report back!

B

Well I don’t suggest to do that, ’cause a plug-in update will wipe out your changes.
You better put that code in your own custom css.
You can use the custom css box in Customize, or (better choice), your child-theme style.css
https://www.themesandco.com/customizr/how-to-customize-customizr-wordpress-theme/

@d4z_c0nf …

1. I am not finding a .css file for bbPress, so I am assuming that I should be looking in the .php file … yes???
2. Then I do the same thing, hunt for the code, right?

Thanks,
B

Look at the comment above, and that bbpress.css is the css of the bbpress plug-in, isn’t part of customizr.

@d4z_c0nf …

1. Ok, duly noted … am beginning to understand, this is the first time I will have put my own customizations in the Customizr Child Theme, yes I did heed the advice to do a child theme, so I understand that part.

2. What I don’t follow is exactly what to put, where to put, as in what code gets put where in my child-theme-style.css?

3. Here is what is in my ‘child theme’ css file as of right now.
************************************************

/*
Theme Name: CustomizerChild
Version: 1.0
Description: A child theme of Customizr
Template: customizr
*/

@import url(“../customizr/style.css”);

**************************************************

4. I am still working on locating the exact snippet of code for the color, but please confirm that I am looking in the right file, please, … the bbpress/bbpress.php file ??? Right?

Thanks much,
B

@d4z_c0nf …

1. This is the ‘Closed’ snippet of code that I found inside of the bbpress/bbpress.php file … but there is no spot where I see that I can put a color code for a closed topic. Methinks maybe what I am looking for is in one of the other bbpress files?

***********************************************

// Closed
register_post_status(
bbp_get_closed_status_id(),
apply_filters( ‘bbp_register_closed_post_status’, array(
‘label’ => _x( ‘Closed’, ‘post’, ‘bbpress’ ),
‘label_count’ => _nx_noop( ‘Closed <span class=”count”>(%s)</span>’, ‘Closed <span class=”count”>(%s)</span>’, ‘post’, ‘bbpress’ ),
‘public’ => true,
‘show_in_admin_all’ => true
) )
);

************************************************

Thanks much,
B

@d4z_c0nf …

1. Yikes, sorry so slow to catch on …
2. Am I supposed to take the snippet of code from you,

****************************
#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
color: #ccc;
}
***************************

and plop it into my ‘child theme’ css file??? Like space down one line and then just copy/paste it in??? Is that how you do it??? Is that what you are telling me to do???

****************************
/*
Theme Name: CustomizerChild
Version: 1.0
Description: A child theme of Customizr
Template: customizr
*/

@import url(“../customizr/style.css”);
*****************************

Thanks much, (really appreciate the help)
B

1. Did I talk about some bbpress.php ? ??

About the previous reply:
1. ok
2. don’t really get.. you have to put the css rules you need in the child-theme style.css
3. yes that is a good style.css
4. Nope ?? I said bbpress.css , you can find it here:
https://the-rv-life.com/wp-content/plugins/bbpress/templates/default/css/bbpress.css

But what you have to do is just put this:

#bbpress-forums .bbp-body .status-closed, #bbpress-forums .bbp-body .status-closed a {
color: #ccc;
}

#bbpress-forums .bbp-body .bbp-topics-front ul.super-sticky, #bbpress-forums .bbp-body .bbp-topics ul.super-sticky, #bbpress-forums .bbp-body .bbp-topics ul.sticky, #bbpress-forums .bbp-body .bbp-forum-content ul.sticky {
background-color: #ffffe0 !important;
}

in that style.css you pasted, below @import url("../customizr/style.css"); (as side note, you don’t need this whole import statement at all, customizr is designed to take care itself about loading the parent theme of the child.)
And change those colors to suit your needs. Of course if you want to change just the font color you only need the first, if you want to change just the background color then you only need the second, if you wanna change both.. you need both ??

Hope this helps.

?? … back atcha … LOL

I will note your name (though I think “B” is easy to remember :P) and write on my book:
“B” -> “Remember to wait at least 10 seconds before replying to this guy” ??

@d4z_c0nf …

1. Ok … DZ … ?? ?? … I am to put this bit of code, which came from you, into … the-rv-life.com/wp-content/themes/customizerchild/style.css ???

CODE FROM YOU:
#bbpress-forums .bbp-body .status-closed,
#bbpress-forums .bbp-body .status-closed a {
color: #ccc;
}

CODE FROM/VIA EDITOR IN WORDPRESS / File Name: bbpress/templates/default/css/bbpress.css

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
color: #ccc;
}

DIFFERENCE:
.bbp-body … why is this different???

QUESTION: Why are the two bits of code different if they came from the same file? Did they come from the same file? I got the snippet of code from … bbpress/templates/default/css/bbpress.css … under the bbPress Style heading.

2. Beyond the question above, I am to put that bit of code in the Customizer Child Theme file … the-rv-life.com/wp-content/themes/customizerchild/style.css … below is exactly what I am about to save to the file … the-rv-life.com/wp-content/themes/customizerchild/style.css … while I am in my FileZilla, editing the file, with direct access to the host server.

************************************************

/*
Theme Name: CustomizerChild
Version: 1.0
Description: A child theme of Customizr
Template: customizr
*/

@import url(“../customizr/style.css”);

/* =bbPress Style
————————————————————– */

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
color: #777777;
}

**************************************************

3. DZ, … please approve my work and understanding or please correct me if I am in error. Many thanks for your time and attention.

4. Until you really ‘get’ it … this stuff is a tad confusing!

B

And PS … when I went to look for the bbPress .css file in the WP Editor for Plugins … it did not show up right away, because of the file hierarchy, this file (https://the-rv-life.com/wp-content/plugins/bbpress/templates/default/css/bbpress.css), is down one level, when viewing it via the WP Plugin Editor … who knew? Sheesh!!

See, a tad confusing!!

About your ps, yes, wordpress do it this way
1. They’re different ’cause they don’t come up from the same file, I gave you a stronger rule to override bbpress rule (that’s ’cause I thought bbpress.css was loaded after your style and, it that case, if you use the same rule, with the same weight, your one will be overridden. => see highest specifity => https://www.themesandco.com/customizr/guide-css-html-customizr-wordpress-theme/)
2. Since I’ve see that bbpress.css is loaded before your childtheme style.css you can use that rule without problems.
3. You’re not in error, ^ ??
4. Yep, you need a bit of practice and a bit of study ??

Go go go, have no fear, nothing will break ??