Hi Jean-Marie,

It sounds like you are perhaps not aware of the CSS capabilities for the custom styling of your forum section with ED5.

I have made a quite extentive CSS file, see attached, of which you can copy the TEXT straight into the Custom CSS section under Settings in the Admin area.

I spent quite a bit of time last year figuring out which CSS element does what in the forum layout by using the Developer Tools in a web browser to determine what item is where on the page and what CSS variables can be modified to make it look how I want it to.

You can play with this, and also completely turn it off. To turn it on:

1) load the text content from the attached file under the Custom CSS section in settings, and Save of course
2) go to Settings - Layout - General - attach Custom CSS and slide the button to green for "on".
3) go to your normal web page with ED5 forum pages and hit Control F5 on a PC keyboard to "reload" the CSS for the page

You should then see the updated page layout with the Custom CSS settings.

You can then MUCH more easily use the browser's Web Developer Tools to play with things like colors, but highlighting the page element / section / button, etc you want to change. The Developer Tools will show which line in the Custom CSS is doing anything with that area, if there is a CSS override for it.

You can then change the Custom CSS live in the DT to make changes and see if you like the results.

Once you have that conclusion, you simply update the revised CSS of your preference in the Custom CSS section in ED5.

I have recently updated the CSS settings to remove the older ED5 toolbar details as ED5 now uses the StackIdeas tools bar.

I don't know if there are other "left over" items that are no longer active in the most recent ED5 releases, but my website still looks exactly how I like it to be.

FYI and good luck, Net-Config

PS I have recommended that StackIdeas publish these CSS elements so people do not need to figure this out the way I did. I think is is sad that they do not do this as it could attract more users to the software IMO if it works more like a total tool kit that you can EASILY customize for your situation.

Not all Joomla admins are strong CSS experts or have access to one to do this, but it is fundamentally not that complicated ONCE you know what the items are to customize......

Hey Jean,

Do you mean that you would like to modify the content background color or the reply wrapper box?

Screenshot: https://monosnap.com/file/OXtA4qoaU9zbCpWqgTRcJ2zZl1PGEp

By the way, thanks for sharing Net-config.

I want to change the colors of these areas to put # F5F5F5 see screenshot

I want to change the colors of these areas to put # F5F5F5 see screenshot

You can try the following custom CSS:

body #ed .ed-custom-fields-ouput__item {

    background-color: #F5F5F5;

}



body #ed .ed-admin-bar {

    background-color: #F5F5F5;

}



body #ed .o-card--ed-empty-section, 

body #ed .o-card--ed-locked-section, 

body #ed .o-card--ed-edit-profile-item, 

body #ed .o-card--ed-notification-item, 

body #ed .o-card--ed-reply-login, 

body #ed .o-card--ed-dashboard-form, 

body #ed .o-card--ed-dashboard-item, 

body #ed .o-card--ed-subscriptions-post-item, 

body #ed .o-card--ed-subscriptions, 

body #ed .o-card--ed-user-profile, 

body #ed .o-card--ed-user-item, 

body #ed .o-card--ed-entry-item, 

body #ed .o-card--ed-forum-category, 

body #ed .o-card--ed-active-category, 

body #ed .o-card--ed-post-viewers, 

body #ed .o-card--ed-active-tag {

    background-color: #F5F5F5;

}



body #ed .o-card--ed-reply-item, 

body #ed .o-card--ed-reply-item .o-card__body--entry-meta, 

body #ed .o-card--ed-reply-item .o-card__footer:last-child {

    background-color: #F5F5F5;

}