Override CSS and background.png

I replace bootstrap.cc in /components/com_edocman/assets/bootstrap/css and background.png in /components/com_edocman/assets/images with my own versions to have EDocman fit in with my Joomla template CSS. This works fine, but I have to replace these files every time again after updating EDocman to the latest version. Is there a way store my versions of these two files in a Joomla override for EDocman? That way they would survive an update to a new EDocman release. Is this supported?

Hi Hans,
Unfortunately, we don’t have an option to override those files directly. However, with CSS, you can add your own custom styles in Edocman Configuration -> Tab: Custom CSS. These custom stylesheets will not be overridden in future updates.

For image files (e.g., background.png), you can also use Custom CSS to reference your own image (stored in different folders) instead of using the original background.png from the package.

Thanks!
Dam
Dam

Understood. I already use a custom CSS for EDocman, but had the impression I could not use that to override the bootstrap.css in /components/com_edocman/assets/bootstrap/css and background.png in /components/com_edocman/assets/. Will have a closer look to see how I can use my custom CSS to redirect EDocman to use my own versions of these files. The bootstrap.css in the EDocman folder structure is a bit of a pain as it overrides my user.css at the Joomla template level.

Hi Hans,
Are you using Joomla 3?
Thanks
Dam

No, I am up to date on Joomla 5

Hi Hans,
If you are using Joomla 5, you don't need to enable configure option to "Load Bootrap" in Edocman Configuration, because that Bootstrap library only supports Joomla 3.
Thanks
Dam

Thanks for that tip! I have disabled "Load Twitter Bootstrap", saved EDocman configuration and updated EDocman. After that EDocman still loaded its Bootstrap version. Somehow this was enabled again in the EDocman configuration, but I could then quickly disable it again. Almost there now. I only need to change the EDocman custom.css to load background.png from a different folder that holds my version of background.png, will try that tomorrow.
BTW: why is it still called Twitter Bootstrap in the EDocman configuration? That is rather old terminology isn't it? Nowadays regular Bootstrap is just called Bootstrap and I see in the configuration that EDocman can indeed also load Bootstrap 5.

Hi Hans,
Edocman supports Bootstrap 3, 4 and 5. Therefore, we still leave the configure option: "Load Bootstrap" in Edocman Configuration page. In some next months, when we drop support for Joomla 3, we will remove that configure option.
By the way, could you please tell me the CSS class which relate to background.png image? To find the CSS class and attribute of an element on a webpage through your browser, you can use the Developer Tools (DevTools), which are built into most modern web browsers.
Thanks
Dam

Hi Mr. Dam,

Thanks for explaining that last bit. The CSS class that uses background.png is .edocman-box-heading. I have changed it in Custom CSS to refer to my version of background.png. All good now and EDocmand can be upgraded more easily without changing these style elements for my Joomla installation. Case closed.

You're welcome, Hans. Let me know if you need any further help
Thanks
Dam