Created Custom CSS (markdown)

Custom-CSS.md

@@ -0,0 +1,30 @@
+> This is an experimental feature. Its behaviour might change in the future.
+
+### Instructions
+1. Get class name of element you want to edit. For example, class of Settings Button would be: `Home_SettingsButton__Qvn8C`
+2. Write custom styling for element using textarea at `/settings/css`. Most of the time you'll need to use `!important` in order to overwrite existing styles. For example, to change Settings Button from circle to square you would use:
+```css
+.Home_SettingsButton__Qvn8C {
+  border-radius: 0 !important;
+}
+```
+3. Save styles and reload page
+
+### Examples
+#### Change link size
+```css
+.AppCard_AppCardDetails__tbAhY span {
+  font-size: 8px !important;
+}
+```
+
+#### Change number of columns of Appilcation Grid and reduce page spacing
+```css
+.AppGrid_AppGrid__33iLW {
+  grid-template-columns: repeat(7, 1fr) !important;
+}
+
+.Layout_Container__2Hv3J {
+  padding: 20px 0 !important;
+}
+```