CSS Customize Forum page / Topic Page

[willianlima83]

Hi, I know that it’s not your job… but I need just confirm these information and I will try customize the background colors by myself:

1 – The correct CSS file to change DIV Colors, Background Colors and Border Colors in the forum/Topic pages is bbpress.css?
(wp-content > plugins > bbpress > templates > default > css > bbpress.css)

2 – If I change some color (#xzxzxz) in this file, do I need to copy the file and past in this location?
(wp-content > themes > sweetdate-child > css > ”paste file here”)

OR here…
(wp-content > themes > sweetdate-child > ”paste file here”)

3 – I’m trying to change only the colors (not the structure) of these items:

* DIV that represents each Forum in the forums page list
(www.mysite.com/forums).

* DIV that represents each topic in a forum topic list
(www.mysite.com/groups/group-name/forum/forum)

* DIV that contain the reply header with a small menu
(www.mysite.com/groups/group-name/forum/forum/topic/topic-name)

WHY???
Because in theses lists, is so confuse to find a forum or topic because all backgrounds shows white, the only think that separate each forum/topic/replay in a list is a little grey border.
I think is better customize each DIV with a color different than white to make it easy when we try read and find a topic by title.

Besr regards and sorry about the big topic.. lololol

[willianlima83]

THIS IS THE CODE IN MY bbpress.css FILE WHERE I FIND THE BACKGROUNDS COLORS REFERENCE

*
* @package bbPress
* @subpackage Theme
*/

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

#bbpress-forums hr {
margin: 0 0 24px 0;
}

..truncated

[willianlima83]

I did this customization in the file wp-content > themes > sweetdate-child > style.css
It help customize colors but not DIV backgrounds.

Just insert this code in your child theme style.css file
*change the color codes if you want (ex. #XCXCXC)

/* BBPress font fix */

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: #D6E0FF;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 ,
#bbpress-forums a.bbp-forum-title,
#bbpress-forums a.bbp-topic-permalink {
font-size: 16px;
color: #0066FF;
}

#bbpress-forums a.bbp-author-name {
font-size: 12px;
color: #75A3FF;
}

[willianlima83]

I realize that just the header color changes, the div colors does not changes… I dint know if I have indicate some code like ”important” to overwrite the theme css style..

[Abe]

You should not change any css from plugin or theme since it is overwritten at update.
Use a child theme and add you CSS in style.css. Copy the css you want to change in style.css and modify it there.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[willianlima83]

I’m using a sweetdate child theme..
When I insert this code in the child theme style.css the changes does not appear.

That’s why I created the topic to ask if I need to insert the css code in other file in the bbpress folder or something like that.

I cant believe that anyone changed their forum style or div background colors… lolololol

[Author]

Posts