where to put custom css file without to be overridden on each update?

[eymen-elkum]

https://github.com/espocrm/documentation/blob/master/docs/development/custom-css.md

[yuri]

There is no ability to load css in custom. You can create new theme and select it.

[c.binder]

When I put my custom css file into client/custom/css/ and the corresponding json file (with the reference to the custom css file) into custom/Espo/Custom/Resources/metadata/themes the colors are changed but the header buttons look quite strange.

Is something missing or is there a way to do this upgrade safe?

[rinorway]

For what it's worth : I needed a different background color for the 'cases' panel:

- modified : htdocs/html/main.html
- added css : <link href="client/custom/css/custom.css" rel="stylesheet" id='custom-stylesheet'>
- custom.css : [data-name="cases"] .panel-heading { background: yellow;}

I think /client/custom may be a good location until further notice.

[yuri]

1. search in file names and file contents with keyword "Sakura".
2. replicate for your new theme.

[Ruslan]

Hi,
how can i create my own custom theme? witch folders/fiels i nedd to create?

[yuri]

You can create custom theme with own css.

[Ruslan]

Hi,
after espocrm have template support can you add support for custom css file in each template?

[yuri]

We have a lot of work, issues, bugs. Have not prioritized this feature.

[Ruslan]

when this will be available?

[Ruslan]

Hi Yuri,
can you add this in the next update?

[webcrm]

A highly desirable and required feature. A better option is to provide a setting to accept the URL of the custom CSS file that could reside outside the installation folder (eg: a subdomain) so it never gets overwritten. Please let us know when this is implemented.

TIA

[Ruslan]

Hi Yuri,
please provide this option. many users would like to make changes to css without losing all changes.

Thanks

[yuri]

Hi

There is no such abilityprovided. But I believe there should exist some ways that allow to do it.

[Ruslan]

Hi,
i want to create new css file "rtl" so the espocrm will fit to work with rtl.
the question is where i need to put the rtl.css file to not be overridden on each update?
the other question is where i call this rtl.css (without to be overridden on each update)?

the same question will be for custom JS files (for each page)?

Thanks