Documentation updates from Promptless

Author: promptless[bot]

fern/products/docs/pages/component-library/custom-components/custom-css-js.mdx

@@ -118,6 +118,61 @@ For customizing the background, logo, font, and layout of your Docs via Fern's b
 check out the [Global Configuration](/learn/docs/getting-started/global-configuration). 
 </Note>
 
+## Hiding docs components
+
+You can use custom CSS to hide specific Fern docs components that you don't want to display. This is useful for removing UI elements that aren't relevant to your documentation or user experience.
+
+### Common components to hide
+
+<AccordionGroup>
+  <Accordion title="Page actions (ChatGPT/Claude buttons)">
+    Hide the "Open in ChatGPT" and "Open in Claude" buttons that appear on documentation pages:
+
+    ```css
+    .fern-page-actions {
+      display: none !important;
+    }
+    ```
+
+    <Note>
+      This is particularly useful for authenticated content where these external AI tools shouldn't have access.
+    </Note>
+  </Accordion>
+
+  <Accordion title="Other UI elements">
+    You can target other Fern UI components using their CSS class names. Use your browser's developer tools to inspect elements and find their class names.
+
+    Common patterns include:
+    - `.fern-*` - Fern-specific components
+    - Use `!important` to ensure your styles override default styles
+    - Consider both light and dark mode styling if needed
+  </Accordion>
+</AccordionGroup>
+
+### Finding component selectors
+
+To hide other components:
+
+<Steps>
+  <Step title="Inspect the element">
+    Right-click on the component you want to hide and select "Inspect Element" in your browser's developer tools.
+  </Step>
+
+  <Step title="Find the CSS class">
+    Look for CSS classes that start with `fern-` or other identifying class names in the HTML structure.
+  </Step>
+
+  <Step title="Add CSS rule">
+    Add a CSS rule to your `styles.css` file using the class name:
+
+    ```css
+    .component-class-name {
+      display: none !important;
+    }
+    ```
+  </Step>
+</Steps>
+
 ## Custom JavaScript
 
 Customize the behavior of your Docs site by injecting custom JavaScript globally. Add a `custom.js` file and include it in your `fern/` project: