summaryrefslogtreecommitdiffstats
path: root/docs/features/customCSS.md
diff options
context:
space:
mode:
authorPetra Mirelli <80395360+iNtEgraIR2021@users.noreply.github.com>2024-03-10 16:28:24 +0000
committerBenjamin Brahmer <info@b-brahmer.de>2024-04-01 10:51:56 +0200
commit9834529005db898eec2dac2be11a1cca87cd2cdf (patch)
treede5dcf89bef0a697edce1c89106cb9dcae689d06 /docs/features/customCSS.md
parent323629c3713b20032a68c27e7e5d35536e497a1c (diff)
Chore(docs): enhance readability
Signed-off-by: Petra Mirelli <80395360+iNtEgraIR2021@users.noreply.github.com> Signed-off-by: Benjamin Brahmer <info@b-brahmer.de>
Diffstat (limited to 'docs/features/customCSS.md')
-rw-r--r--docs/features/customCSS.md7
1 files changed, 4 insertions, 3 deletions
diff --git a/docs/features/customCSS.md b/docs/features/customCSS.md
index 74f652eaf..264df1a34 100644
--- a/docs/features/customCSS.md
+++ b/docs/features/customCSS.md
@@ -1,8 +1,9 @@
# 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)
+* 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)
@@ -13,4 +14,4 @@ Each class rule should be prefixed with **#app-content** and should only affect
#app-content .custom-google-de .body {
/* Custom CSS rules here */
}
-``` \ No newline at end of file
+```