Good morning,
I’m tring to use BBPress with my website, but somehow the first topic always have a different color, making it difficult to read.

Here is the link: http://www.rhinopiping.com/Forums/forum/rhinopiping/

Would you know which kind of css I should add to change this? Thanks

[@robkk Moderator 9 years, 9 months ago]

i thought it was because you closed the topic but no your theme is adding some weird CSS to the first topic.

see if this CSS fixes your issue,

#bbpress-forums #top ul:first-child > li > a {
  color: #b84444;
}

[@navinn Participant 9 years, 9 months ago]

Hi, it doesn’t change.
I also tried this:

#bbpress-forums #top ul:first-child > li > a {
  color: #b84444!important;
}

i don’t know it that helps, but my custom CSS contains this:

li#menu-item-107548 .avia-menu-text span{
font-size: 22px;
}

#header_meta {
background: #4a96cd;
}
#top ul:first-child > li > a {
color: #eeeeee;
}

#top ul:first-child > li > a:hover {
color: #4a96cd; 
}

/* Main Menu - HIGHLIGHT BLOCK */
#top .avia-menu-fx {
display:block;
position:absolute;
border-style:solid;
border-width:5px;
}

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 1;
}

.qa-faq-title { font-size: 110%; }
.faq-catname { font-size: 150%; }

.header_color .main_menu ul:first-child > li > a {font-size:110%; 
}

@media only screen and (max-width: 600px) {
.av-inner-masonry-content.site-background {
opacity: 0 !important;
}
}

.single #main .content .entry-footer{
float: left !important;
}

/* Couleur de la sideBar */
.main_color .sidebar { background-color: #eeeeee; }

/* Couleur des liens vers pages de même niveau dans la sidebar*/
ul.nested_nav a:hover {
color: #4a96cd!important;
}
ul.nested_nav a {
color: #404040!important;
}

/*Classe pour centrer les images dans le menu*/
p.menu-image {
position: relative;
top: -9px;
}
li#menu-item-107543 a .avia-menu-fx {
bottom: 11px!important;
}
li#menu-item-107544 a .avia-menu-fx {
bottom: 11px!important;
}

/*Désactiver la bordure en haut a droite du menu*/
.avia-menu.av_menu_icon_beside { border-right: none; }

#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding-top: 5px;
}
#top #header .avia_mega_div > .sub-menu {
padding: 20px 20px 20px;
}

[@navinn Participant 9 years, 9 months ago]

Hi, I’ve found the wrong css code:

#top ul:first-child > li > a {
color: #eeeeee;
}

Thanks for your help, you can consider it as solved

[@robkk Moderator 9 years, 9 months ago]

@navinn

alight , i knew it was that CSS code for sure but i didnt know for sure if it was for something cool in your theme.

the original code i posted shouldve worked all i did was add an CSS ID so that it would only show for bbPress , because that is where the issue was.