I have this style:

/* Profile Info */
#bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author {
	margin-left: 5px;
	margin-top: 5px;
	background: #c1c1c1;
	color: #262626;
	border: 1px solid black;
}

/* Header Row */
#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-header .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-reply-content
#bbpress-forums div.bbp-topic-author {
	color: #262626;
}

The problem is that the header row uses the same class name and I can’t get to one without affecting the other.

[@ajtruckle Participant 4 years, 5 months ago]

Sorted it!

/* Profile Info */
#bbpress-forums li.bbp-body div.bbp-reply-author,
#bbpress-forums li.bbp-body div.bbp-topic-author {
	margin-left: 5px;
	margin-top: 5px;
	background: #c1c1c1;
	color: #262626;
	border: 1px solid black;
}

/* Header Row */
#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-header .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-reply-content
#bbpress-forums div.bbp-topic-author {
	color: #262626;
	font-size: 16px;
}

Still, a bit clumsy using the same class name for two different things. 🙁