With this advanced feature, you will be able to create custom CSS styles for your custom Menu Items created in the GHL Customizer! You can also show/hide internal 3rd party widgets like product tours, chats, etc. using custom CSS and the unique Class you set for the custom Menu Item.
Requirements:
1. Access the the GHL Customizer (Agency Membership, or Full Toolkit Membership).
2. Magic CSS - a Chrome extension that lets you easily create custom CSS.
To get started, open or create a Menu Item in either the Agency Menu or within a Location Group.
Check the "Add Custom Class" box.
The "Custom Class" field will appear. Enter a unique Custom Class for this Menu Item.
Set up your Menu Item how you like, then click the "Save" button. You can either use Preview Mode or Publish your changes.
From here, open your GHL in a different browser tab, and open Magic CSS.
In Magic CSS you can write your custom CSS code using the unique class you set on your Menu Item. Create your desired stylings, then copy your code from Magic CSS and paste it into your Agency Settings > Company > Custom CSS field and click the "Update Company" button.
(Be sure to Publish your changes in the GHL Customizer if you have been using Preview Mode.)
