Clear all

[Solved] Editing CSS Code for wpForo category header

5 Posts
3 Users
Posts: 24
Topic starter
Eminent Member
Joined: 5 months ago

I am trying to add some customized CSS coding to wpForo that I generated online. It resizes the picture I used on the Category Cover Image. I tried adding this into the Custom CSS Code section in Colors & Styles but I could not get it to save. I am a novice with coding and trying to learn - TIA for any guidance you can give!

Here is the code I generated at:

img {
max-width: 100%;
height: auto;
<img src="×-170-px.png" alt="Educator Forum" />

wpForo Version
WordPress Version
Topic Tags
4 Replies
Posts: 2287
Famed Member
Joined: 3 years ago


Start from removing caching from your wpForo pages:

<!-- WP Fastest Cache file was created in 0.91898894309998 seconds, on 18-05-23 18:28:26 --><!-- need to refresh to see cached version -->
1 Reply
Joined: 5 months ago

Eminent Member
Posts: 24

@dimalifragis Thanks for the reminder! I just tried to implement that!

Posts: 3653
Support Team
Joined: 2 years ago

Hi @eviolette,

You need to use HTML tags to set the path of the CSS code and use CSS codes to manage the changes.

Example: the 1 line before the curly bracket are the HTML tags used to set the path and 2,3 lines are CSS codes to make the changes on that particular HTML tag's.

#wpforo #wpforo-wrap .wpf-category-page .wpforo-category { 
    background-size: contain; 
    height: 170px;

The code should be inserted in Custom CSS Field from wpForo > Settings > Colors & Styles pages.

More info about CSS:


1 Reply
Joined: 5 months ago

Eminent Member
Posts: 24

@chris Thanks for your help!