You can now enable advanced CSS styling to the body of a Contact Record using Contact Buttons in the GHL Customizer! With this feature, you will be able to create custom CSS styles for different elements in the body of the the Contact Record page. You can do things like blur, hide, or add outline borders to elements, etc.
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 do this, open or create a Contact Button and check the "Enable Toggle" in the "Tag Action" tab on the right. Then you'll see the "Advanced CSS Styling" options.
Check the "Add a CSS class to the body" box, then enter a unique tag in the field below it.
Optionally, you can check the "Hide this button at all times" box if you want to hide the button while also letting you add custom CSS styling to the different elements on the page.
Set up your Contact Button 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 navigate to a Contact Record. While on the Contact Record page in GHL, open Magic CSS.
In Magic CSS you can write your custom CSS code using the unique class you set on your Contact Button. 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.)
Related Help Docs:
