updated guides/live-editing.md

content/.obsidian/workspace.json

@@ -13,7 +13,7 @@
             "state": {
               "type": "markdown",
               "state": {
-                "file": "contribute/docs.md",
+                "file": "guides/live-editing.md",
                 "mode": "source",
                 "source": true
               }
@@ -85,7 +85,7 @@
             "state": {
               "type": "backlink",
               "state": {
-                "file": "contribute/docs.md",
+                "file": "guides/live-editing.md",
                 "collapseAll": false,
                 "extraContext": false,
                 "sortOrder": "alphabetical",
@@ -102,7 +102,7 @@
             "state": {
               "type": "outgoing-link",
               "state": {
-                "file": "contribute/docs.md",
+                "file": "guides/live-editing.md",
                 "linksCollapsed": false,
                 "unlinkedCollapsed": true
               }
@@ -125,7 +125,7 @@
             "state": {
               "type": "outline",
               "state": {
-                "file": "contribute/docs.md"
+                "file": "guides/live-editing.md"
               }
             }
           }
@@ -146,12 +146,14 @@
       "command-palette:Open command palette": false
     }
   },
-  "active": "fe7bf5045f52d84c",
+  "active": "5cbcc37181f7dca9",
   "lastOpenFiles": [
+    "faq.md",
+    "guides/live-editing.md",
+    "contribute/docs.md",
     "contribute/desktop.md",
     "contribute/CODE_OF_CONDUCT.md",
     "contribute/CONTRIBUTING.md",
-    "contribute/docs.md",
     "contribute/index.md",
     "contribute/translation.md",
     "contribute/www.md",
@@ -161,11 +163,9 @@
     "guides/install-macos.md",
     "building.md",
     "index.md",
-    "faq.md",
     "guides/index.md",
     "themes-store/index.md",
     "assets/macos-installation-guide/kofi-goal.jpg",
-    "guides/live-editing.md",
     "themes-store/themes-marketplace.md",
     "themes-store/themes-marketplace-preferences.md",
     "themes-store/themes-marketplace-submission-guidelines.md",

content/guides/live-editing.md

@@ -22,6 +22,13 @@ This [[guides/index|guide]] will help you customize the appearance of Zen Browse
 2. Navigate to the **Style Editor** tab.
 3. In the filter/search bar, type `userChrome` to locate the `userChrome.css` file you created earlier.
 
+>[!info] Enable Browser Developer Tools 
+>Afer Firefox version `131` the Browser Developer Tools is **disabled** by default for security.
+>1. Open the `about:config` page. This page contains advanced settings for the browser.
+>2. Search for `devtools.debugger.remote-enabled`
+>3. Toggle the setting to `true` by double-clicking on it
+
+
 ## Step 4: Edit the `userChrome.css` File
 
 1. The `userChrome.css` file should now be visible in the Style Editor.