How to Change Default Font of Goghighlevel

by

To change the default font in GoHighLevel, you typically need to customize the CSS (Cascading Style Sheets) for the specific part of your GoHighLevel application, such as a website or funnel. Here’s a step-by-step guide:

1. Access the Custom CSS Section:

  • Navigate to the Website or Funnel section in your GoHighLevel dashboard.
  • Select the specific funnel step or website page where you want to change the font.

2. Open the CSS Editor:

  • Go to the page settings by clicking on the gear icon or settings button.
  • Look for the “Custom CSS” option in the settings panel. This is where you can insert your CSS code to customize the appearance of the page.

3. Specify the Font in CSS:

  • In the Custom CSS box, you can specify the font-family for different elements (e.g., body, headings, paragraphs).
  • Example CSS code to change the default font:
    body {
    font-family: 'Roboto', sans-serif;
    }

    h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    }

  • Replace 'Roboto' and 'Open Sans' with the font you want to use. You can use any web-safe font or import Google Fonts.

4. Importing Google Fonts (if needed):

  • If you’re using a font from Google Fonts, you can import it by adding the following line to the top of your CSS:
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
  • Replace the URL with the one corresponding to the Google Font you want to use.

5. Save Changes:

  • After adding the necessary CSS, save the changes.
  • Preview the page to ensure the font has been applied correctly.

6. Apply Globally (Optional):

  • If you want to apply the new font across all pages or funnels, you may need to repeat this process for each section or look for a global CSS option if available in your theme settings.

Tips:

  • Testing: Always test your pages on different devices to ensure the font displays correctly and enhances readability.
  • Custom Fonts: If you have a custom font that’s not available through web services like Google Fonts, you can host it on your server and link it in your CSS.

By following these steps, you can effectively change the default font in GoHighLevel to better match your brand’s design aesthetics.

Share the Fun!

Leave a Comment