Customisation

Customisation is a core priority for Gust. We know that getting stuck with something another developer has added for you is endlessly frustrating, so we've enabled you to customise the underlying Tailwind config file to ensure you can match your website to your brand.

Customise Tailwind Config

To customise the Tailwind config file, head to Gust > Settings where you'll see the default one. Almost all the options are available to you. Do note though, that this is JSON and not JavaScript. Have a read of Tailwind's configuration docs if you're unfamiliar with this section.

The Tailwind configuration file is probably the first place you'll look to when making default components match your brand. Many of the components use class names like bg-primary and so changing the primary colour will update those components automatically.

As mentioned, you can change almost everything here. Some things we don't quite support are the plugins options, although, if you would like a particular plugin available to you, please contact support and we'll see what we can do. Tailwind's Typography plugin is enabled by default.

Adding Fonts

Adding fonts is relatively straight forward. First of all, make sure you've got the font hosted somewhere, this will likely be on Google Fonts. Then add something like the below snippet to your theme's functions.php file. In this example we'll add Open sans.

add_action('wp_enqueue_scripts', 'my_custom_fonts');
function my_custom_fonts()
{
  wp_enqueue_style('open-sans', 'https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
}

Then go to the Tailwind config and update it with your new font:

{
  "theme": {
    "extend": {
      "fontFamily": {
        "sans": ["Open Sans", "sans-serif"]
      }
    }
  }
}

More detail in Tailwind's docs.