Go High Level

How to use Custom CSS to hide the Twilio error banner

Listen Later

Click ⁠To Book Your 1-1 Free 1 HR Personal Go High Level Business Planning Session. ⁠⁠

Click Here For A Free Trial Of ⁠Go High Level ⁠


Most Important Ideas/Facts:

  • The Problem: The article addresses the issue of a persistent Twilio error banner displayed within the HighLevel platform.
  • The Solution: The solution involves injecting a specific CSS code snippet into the HighLevel platform's custom CSS settings.
  • The Code: The CSS code provided is: .hl_alert_twilio{display:none}. This code targets the HTML element responsible for displaying the Twilio error banner and sets its display property to "none", effectively hiding it.
  • Scope of Change: Applying this CSS code will hide all Twilio error banners across all locations within the HighLevel platform.

    • Step-by-Step Instructions:

    1. Switch to Agency View: Navigate to the sub-account switcher tab in the top left corner of the navigation sidebar and click "Switch to Agency View".
    2. Access Company Settings: Go to the "Settings" menu and click on the "Company" tab.
    3. Locate Custom CSS Field: Scroll down within the "Company" tab until you find the "Custom CSS" field.
    4. Paste the Code: Copy and paste the following CSS code into the "Custom CSS" field: .hl_alert_twilio{display:none}
    5. Save Changes: Click the "Update Company" button to save your changes.

      7. Custom CSS to Hide Twilio Error Banner FAQ

      1. What does the Twilio error banner look like?

      The Twilio error banner is a noticeable notification within the HighLevel platform. While the source doesn't provide a visual, it indicates the banner signals an issue with your Twilio integration.

      2. Why might I want to hide the Twilio error banner?

      You might choose to hide the banner if it's persistent and you've already addressed the underlying Twilio issue or if it's visually disruptive to your workflow. However, keep in mind that hiding the banner doesn't resolve the actual Twilio problem.

      3. How do I hide the Twilio error banner in HighLevel?

      You can hide the banner using custom CSS:

      1. Switch to Agency View: Click the sub-account switcher at the top left of the navigation sidebar and select "Switch to Agency View."
      2. Go to Settings: Navigate to the "Settings" menu.
      3. Company Tab: Select the "Company" tab within settings.
      4. Custom CSS: Scroll down to find the "Custom CSS" field.
      5. Paste the Code: Copy and paste the following code into the field: .hl_alert_twilio{display:none}
      6. Update: Click the "Update Company" button to save your changes.

        7. 4. Will hiding the Twilio error banner affect all locations?

        Yes, applying the custom CSS code in your Agency View settings will hide the Twilio error banner across all your locations within HighLevel.

        5. Is this the only way to remove the Twilio error banner?

        The source only provides this method using custom CSS. Ideally, addressing the root cause of the Twilio error is the preferred solution.

        6. Where can I find more information about Twilio settings in HighLevel?

        The "Articles in this folder" section of the source suggests related articles that might offer more guidance on Twilio setup and troubleshooting:

        • How to validate phone numbers (SMS)?
        • How to use the client's own Twilio account for the location?
        • Setting up webhooks to receive incoming calls, messages, and status updates for calls (for Twilio users).

          • 7. What are some other custom CSS modifications I can make in HighLevel?

          The "You may like to read" section hints at additional custom CSS possibilities, including:

          • Hiding the SMTP Setup Help Doc Link
          • Adding extra fields using custom HTML/Javascript in forms and surveys.

            • 8. Where can I get support if I have further questions about Twilio or HighLevel?

            The source itself is from the HighLevel Support Portal, indicating that you can likely find more resources or contact their support team directly through their platform.

            https://help.gohighlevel.com/support/solutions/articles/48001232032-how-to-use-custom-css-to-hide-the-twilio-error-banner

            ...more
            View all episodesView all episodes
            Download on the App Store
            Go High LevelBy William Welch