Looking for suggestions on how to clean up the look of the bbPress CSS. Here’s a link to my forum page: http://www.ourhomefromscratch.com/forums/

I’m capable of fixing it if I know what to fix. Any suggestions are welcome!

Thanks!

[@robkk Moderator 10 years, 1 month ago]

i don’t see anything wrong really

the layout already looks pretty clean .

if you want suggestions on how to style your bbPress forum , i suggest you ask your sites users on additional improvements then go from there.

[@johnohfs Participant 10 years, 1 month ago]

No, let me clarify what I mean. There are gray bars that are cutting into the “FORUM” text. There’s another gray bar on the bottom left as well. Looks weird.

[@robkk Moderator 10 years, 1 month ago]

@johnohfs oh , well the grey bars are actually the li.bbp-header and li.bbp-footer that hold the labels

here are what css codes are causing the problem.

changing display:inline; to display:block; should fix the problem for you.

#main li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
display: inline;
margin-right: 5%;
}

@media only screen and (min-width: 769px)
#main li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
display: inline;
margin-right: 12%;
}

i think putting .bbpress if you already created a bbpress.php file or #bbpress-forums before #main li { should fix the problem, so that only on bbpress pages would have a different css for the #main li

[@johnohfs Participant 10 years, 1 month ago]

I’ll give it a shot! Thanks very much!