CSS in Blocks

[Alexander R. Gruber]

Hello!

I have problems adding css styles to my blocks (like portal - Home/Portal) in IPS 4.1.x.

Reading the Guides, there is some talk about "custom.css" which - according to the guide - "... Instead, all of your changes should live in the custom.css file at /core/front/custom/. You can create other CSS files within the custom directory if you wish and these will also be included. CSS files in the custom directory are not modified by the IPS4 upgrader, meaning your changes will safely persist across versions. ..."

Okay ... but where is /core/front/custom? It does not exist on the file system - there is ../application/core/ but no "front" beyond that one.

A "locate custom.css" yields:
/uploads/css_built_1/258adbb6e4f3e83cd3b355f84e3fa002_custom.css.da139617f6e413b6680047474419a8ac.css
/uploads/css_built_2/258adbb6e4f3e83cd3b355f84e3fa002_custom.css.ad42691f3ae576c3ec9f7346097f93e5.css

So the file is probably generated - and should most likely not edited directly. Also the path is completely different.

Next step is the AdminCP: The only location I could find that deals with CSS was Pages > Templates | CSS (Tab)

This is well and good to create CSS and assign that to a Page, but helps me in no way when I need it in a Block.
I thought: "Maybe it does not matter, I'll just create a CSS file there and name it 'custom', could be that this one's loaded because 'custom' is special."
Needless to say, that did not work...

I could probably manually insert some code in the Block-Code, as it accepts raw php - but then again, how do I access/reference a specific CSS file? (like the one I created in Pages > Templates | CSS)

If anyone would be so kind to please point me at a useful documentation of the relevant files (on the filesystem)  as well as the relevant spots within the AdminCP as well as a short overview on what is loaded when, from where and why (or something along that lines) - so that I am able to stuff css/js into Blocks, Pages, Themes, Apps etc.

Thanks alot for your help in advance!

Alexander

[Adlago]

Open ACP - Customization - Edit HTML and CSS your theme or IPS default theme. (See a click symbol icon '</>'  to the right)

Click CSS button in the menu above and you will find yours custom.css