Limited Support
Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.
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/
