Disable Ollie Styles

The Ollie block theme ships with several color palettes and typography presets that help you quickly customize your site.

Some builders may want to disable Ollie’s built-in typography presets and color palettes in favor of implementing their own custom styles for clients. You can do this by adding blank JSON files to override the default styles.

How to disable styles

To disable a specific style or style variation, you’ll need to use a child theme where you can create an empty JSON file that will effectively prevent the style from loading in your site.

Activate a child theme

If you are using Ollie Pro, you can go to Appearance → Ollie and use the child theme creator to generate a child theme for your site. You can also download a child theme here to get started.

Replacing style files

Now we need to add some blank json files to override Ollie’s styles and prevent them from loading. Ollie organizes its default styles in the /styles folder. You can see how they are named in the list below.

• colors/
  • blue.json
  • green.json
  • neon.json
  • orange.json
  • pink.json
  • red.json
  • teal.json
• typography/
  • typography-preset-1.json
  • typography-preset-2.json
  • typography-preset-3.json
  • …
  • typography-preset-9.json

Adding blank files

Let’s say, for example, you wanted to disable the blue color palette from loading. In the styles/color folder, you would create a file called blue.json and put the following code inside of it.

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"version": 3,
	"title": "Blue",
	"settings": {}
}

The same can be done with all colors, typography presets, and style variations. For your convenience, here’s a zip file of empty style files you can use to disable certain styles:

When Ollie detects these blank JSON files, it will skip loading the corresponding default styles, giving you full control over your project’s styling without any preset interference.