summaryrefslogtreecommitdiffstats
path: root/docs/features/customCSS.md
blob: 264df1a344e7c882f97b1e1a29ee5a8f9e9d6ad3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# Custom CSS

Sometimes you want to add additional CSS for a feed to improve the rendering. This can very easily be done by adding a CSS class to **css/custom.css** following the following naming convention:

* Take the URL from the \<link> attribute (e.g.: \<link><https://www.google.de/path?my=query> \</link>)
* Extract the Domain from the URL (e.g.: <www.google.de>)
* Strip the leading **www.** (e.g.: google.de)
* Replace all . with - (e.g.: google-de)
* Prepend **custom-** (e.g.: custom-google-de)

Each class rule should be prefixed with **#app-content** and should only affect the article body. An example rule would be:

```css
#app-content .custom-google-de .body {
    /* Custom CSS rules here */
}
```