Enabling Typography Preview for Local Fonts

When specifying fonts used locally in your theme in the typography field’s fonts argument, the will not render in the preview field. We’ve included an undocumented workaround in the typography field to fix this minor oversight. For the record, ‘undocumented’ is another way of saying the functionality is offered as a courtesy. Officially, the feature […]

Read More

Add a Custom Field

Adding a custom field to Redux is quite simple. It is important the following code is included before the ReduxFramework object is created. Hook into the overload filter Ideally, this call would be made in your own class. In this example, no class is needed. First, run the hook: The overload function Next, include the […]

Read More

Customizer Integration

Redux contains light customizer support. What does this mean? Simply put, it means Redux supports all of the default fields the WordPress customizer supports. Here is a video demonstrating how implementation of customizer support may be used in your theme.

Read More

Loading Extensions in Your Code

Extensions are one of the most powerful features of Redux. Any part of Redux can be overloaded to do ANYTHING with extensions. RUN BEFORE YOU CONFIG FILE For extensions to work, you MUST run the extension loader and any config files BEFORE your options panel code. Otherwise it will not be applied. A limitation of […]

Read More

Adding Another Icon Web Font to the Panel

Redux uses Elusive Icons in our panel. Why? @aristath, a good friend of the Redux team designed the icon pack. As a result, any icon we want to use, we can. We understand our choice in icon pack may not match or suit everyone’s needs. This is why we’ve made it super easy to add […]

Read More

Custom Panel CSS

We understand customization is important to any developer. That’s why we’ve provided a few useful hooks to enqueue or dequeue our default CSS files. Interested?  Read on! Appending CSS Let’s say you want to append some custom CSS to your panel. Here is how this is accomplished: Replacing CSS If you believe you have a […]

Read More

Updating a CSS File Dynamically

One of Redux’s most underrated features is the ability to update a CSS file on your server dynamically using compiler output. In other words, it’s possible to update a single CSS’s file contents when a user changes any given option. It’s one step above using Redux’s output feature which updates the CSS within the actual […]

Read More

Embedding Redux into Your Theme or Plugin

So you have this really cool Theme or Plugin. And of course you love Redux because – let’s face it – who doesn’t? You understand how the Redux plug-in works, but the concept of a theme or plugin installing another plugin escapes you, or perhaps you don’t really care for TGM or any of its […]

Read More

Integrating a Compiler

This article deals specifically with integrating a basic compiler hook for any Redux field. For an in depth article on how to use the compiler hook to dynamically generate a CSS file, please view the Updating a CSS File Dynamically article. Setting up the Field Each and every Redux field has a `compiler` argument. By […]

Read More