AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Closed] Forum Categories

4 Posts
2 Users
0 Reactions
2,043 Views
Posts: 2
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@nicolehager)
New Member
Joined: 7 years ago
[#9059]

I am really happy with the look of these forums! However, I'm having trouble figuring out how to change the font and size of the forum category titles. I was able to change the font and size of the actual forum titles, but the categories that have the blue bar behind them are what I specifically need to change. I also would love to remove the colored bar from behind these titles and just leave it white, but when I change this in colors and change the font color from white to anything else, the color of that font is connected to some sort of border and then I'm suck with awkward dark strips where I don't want them. How can I change this? Thank you!! 


3 Replies
Sofy
Posts: 5774
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@sofy)
Support Team
Joined: 8 years ago

Hi @nicolehager,

Thank you for using wpForo and for contacting us!

Below is the CSS code you can use to change the font and font size of the frum categories. 

#wpforo #wpforo-wrap .cat-title {
font-family: SANS-SERIF !important;
font-size: 19px !important;
color#000 !important;
}

Don't forget to change the red marked code before using.

The following CSS code allows you to remove the background of the frum categories. 

#wpforo #wpforo-wrap .wpforo-category {
background: none !important;
border-bottom: none !important;
}

The CSS code should be added in "Custom CSS Code" textarea located in Dashboard > Forums > Settings > Styles tab.

Please delete all caches and press CTRL+F5 on frontend before checking. 


Posts: 2
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@nicolehager)
New Member
Joined: 7 years ago

Yes, thank you so much that was exactly what I needed! Ok so sorry, there are two more things I can't figure out and then I think it will be perfect! 

Is there a way to remove the title that is below the breadcrumbs and above the first category? 

And is there a way to make a slightly bigger space above each new category to separate the categories from each other a bit more?

Thank you so much for you help!!!


Sofy
Posts: 5774
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@sofy)
Support Team
Joined: 8 years ago

Hi @nicolehager,

Is there a way to remove the title that is below the breadcrumbs and above the first category? 

This forum title,  it appears in the forum SEO title too. I don't recommend to remove it. It's bad for SEO. However, if you still want to remove the forum title, please navigate to Dashboard > Forums > Settings > General admin page, remove the words from "Forum Title" field and just add two-three spaces there. 

More info here:

https://wpforo.com/docs/root/wpforo-settings/general-settings/#forum-title-desc

And is there a way to make a slightly bigger space above each new category to separate the categories from each other a bit more?

Use the following CSS code: 

.wpforo-category {
margin-top: 50px !important;
}

Please delete all caches and press CTRL+F5 on frontend before checking.


Share: