From 3350876b2b79e2f3667e070402100366a0da787b Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Fri, 22 Jan 2021 11:31:33 +0530
Subject: [PATCH] update FAQ for Generate Syntax Highlighter CSS

---
 FAQs.md | 46 ++++++++++++++++++++++++----------------------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/FAQs.md b/FAQs.md
index e0c7e0c..862a233 100644
--- a/FAQs.md
+++ b/FAQs.md
@@ -276,36 +276,38 @@ Add `#center` after image to center align an image
 
 1. Disable Highlight.js in site `config.yml`
 
-```yml
-params:
-    assets:
-        disableHLJS: true
-```
+    ```yml
+    params:
+        assets:
+            disableHLJS: true
+    ```
 
 2. Set hugo's markdown styling in site `config.yml`
 
-```yml
-markup:
-    highlight:
-        # anchorLineNos: true
-        codeFences: true
-        guessSyntax: true
-        lineNos: true
-        # noClasses: false
-        style: monokai
-```
+    ```yml
+    markup:
+        highlight:
+            # anchorLineNos: true
+            codeFences: true
+            guessSyntax: true
+            lineNos: true
+            # noClasses: false
+            style: monokai
+    ```
 
 3. If you want `lineNos: true`, the background won't be proper.
+   This will only work with `noClasses: false` or `pygmentsUseClasses: true`.
+   Read [Generate Syntax Highlighter CSS](https://gohugo.io/content-management/syntax-highlighting/#generate-syntax-highlighter-css)
 
-Add the following to `assets/css/extended/custom.css`
+    Add the following to `assets/css/extended/custom.css`
 
-```css
-.chroma {
-    background-color: unset;
-}
-```
+    ```css
+    .chroma {
+        background-color: unset;
+    }
+    ```
 
-More Info : [Configure Markup - Highlight](https://gohugo.io/getting-started/configuration-markup#highlight)
+    More Info : [Configure Markup - Highlight](https://gohugo.io/getting-started/configuration-markup#highlight)
 
 ---