summaryrefslogtreecommitdiffstats
path: root/old-docs/feedcss/README.md
blob: 74f652eafba793579575152f9ccf4c23e60d5393 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# 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 */
}
```