Limited Support
Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.
We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!
Merry Christmas and Happy Holidays! 🎄
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: https://www.w3docs.com/
<style>
img {
max-width: 100%;
height: auto;
}
</style>
<img src="https://www.vealeentrepreneurs.org/wp-content/uploads/2023/05/VYEF-Educator-Forum-Banners-1140-×-170-px.png" alt="Educator Forum" />
Hi,
Start from removing caching from your wpForo pages:
https://wpforo.com/community/faq/wpforo-and-cache-plugins/
<!-- WP Fastest Cache file was created in 0.91898894309998 seconds, on 18-05-23 18:28:26 --><!-- need to refresh to see cached version -->
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: https://www.w3schools.com/css/
