diff --git a/docs/userGuide/usingHtmlJavaScriptCss.md b/docs/userGuide/usingHtmlJavaScriptCss.md
index abf13c316c..fc192348b3 100644
--- a/docs/userGuide/usingHtmlJavaScriptCss.md
+++ b/docs/userGuide/usingHtmlJavaScriptCss.md
@@ -148,5 +148,32 @@ const myChart = new Chart(ctx, {
 </variable>
 </include>
 
+## Using Custom CSS in MarkBind
+
+You can apply your own custom CSS styles to customize how your site looks.
+
+There are two common ways to add custom CSS in MarkBind:
+
+### 1. Add a site-wide custom stylesheet
+
+To apply styles across your whole site, create a file called `styles.css`
+(or similar) in the root of your site (same level as `index.md`), and then
+add it to your `site.json` under the `head` array like so:
+
+```json
+{
+  "head": [
+    {
+      "tagName": "link",
+      "attributes": {
+        "rel": "stylesheet",
+        "href": "/styles.css"
+      }
+    }
+  ]
+}
+```
+
 {% from "njk/common.njk" import previous_next %}
 {{ previous_next('components/advanced', 'tweakingThePageStructure') }}
+