Editing CSS Code for wpForo category header - How-to and Troubleshooting https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/ Discussion Board en-US Mon, 09 Mar 2026 05:46:19 +0000 wpForo 60 RE: Editing CSS Code for wpForo category header https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102664 Fri, 19 May 2023 20:00:32 +0000 How-to and Troubleshooting eviolette https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102664 RE: Editing CSS Code for wpForo category header https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102663 Fri, 19 May 2023 19:35:58 +0000 How-to and Troubleshooting eviolette https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102663 RE: Editing CSS Code for wpForo category header https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102654 Fri, 19 May 2023 09:13:17 +0000 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/

 

]]> How-to and Troubleshooting Chris https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102654 RE: Editing CSS Code for wpForo category header https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102645 Thu, 18 May 2023 22:29:52 +0000 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 -->
]]> How-to and Troubleshooting dimalifragis https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102645 Editing CSS Code for wpForo category header https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102642 Thu, 18 May 2023 19:53:29 +0000 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" />

]]> How-to and Troubleshooting eviolette https://wpforo.com/community/how-to-and-troubleshooting-2/editing-css-code-for-wpforo-category-header/#post-102642