Topic: Change font type in forum-index · bbPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Change font type in forum-index

byronlee27
Participant

@byronlee27

10 years, 12 months ago

I am having some trouble figuring out how to change the font type on my forum. Everything looks good except the forum index, which is using a font that looks like it’s done with a typewriter. I want to use a bolder, darker font link the rest of the site has. I’ve copied the bbpress to the themes folder and made a CSS folder and copied everything to there. I was looking through the code and I couldn’t make heads or tails out of it. Can someone go to http://www.lowvisionrants.com/forums and tell me how to change the font of that main page so it looks normal?

Viewing 1 replies (of 1 total)

Robin W
Moderator

@robin-w

10 years, 12 months ago
You might need to play a bit, and come back if this either works or doesn’t, I’ve only had a quick look, and suspect there’s a much better way…but

You main theme uses ‘Helvetica Neue’,sans-serif and the forum is using Arial

I’m still on 2.4.1 so can’t tell you which lines you need in version 2.5

So in the bbpress.css file you’ve correctly copied to theme’s folder, do a search for “font-size” and where you find it, add a line

font: ‘Helvetica Neue’,sans-serif;

That will take it in common with the main theme’s font.

for instance
```
#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
	background: none;
	border: none;
	font-size: 16px;
 	line-height: 1em;
 	margin: 8px 0;
	padding: 0;
	text-transform: none;
```
you’d alter it to say
```
#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
	background: none;
	border: none;
	font-size: 16px;
 	font: 'Helvetica Neue',sans-serif;
 	line-height: 1em;
 	margin: 8px 0;
	padding: 0;
	text-transform: none;
```

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.