How to Rule Out Plugin Conflicts

Plugins add a lot of power and flexibility to WordPress, but every now and then, two plugins (or a plugin + your theme) just don't get along. I can’t stress enough that ruling out a plugin conflict should be your first step in troubleshooting any issue!

Step 1: Start with the Basics

  1. Temporarily deactivate any cache or optimization plugins – plugins like WP Rocket, W3 Total Cache, Perfmatters etc. These often cause styling hiccups, so it's worth testing them first.
  2. If the issue goes away, reactivate them and adjust the plugin settings. Options like "combine CSS," "minify JavaScript" or similar performance settings are often the cause. Try disabling those settings one at a time until you find the setting that's creating the conflict.

If the issue is still happening after that, move on to Step 2.

Step 2: Deactivate Your Plugins

Next, check if another plugin is causing the problem:

  1. Deactivate ALL plugins except Kadence Blocks and Kadence Starter Templates. Don't worry, this won't delete their settings. It just turns the plugins off for now.
  2. Check your site. Visit the page where you noticed the issue. If the issue is gone, then one of your plugins is the cause.

Step 3: Turn Plugins Back On, One by One

If the problem went away when you deactivated plugins, the next step is to figure out which one is causing the issue:

  1. Reactivate your plugins one at a time.
  2. Check your site after each plugin.
  3. Clear your browser cache every time before refreshing.

As soon as the issue comes back, you've found the plugin that's conflicting.

Step 4: What to Do If You Find a Plugin Conflict

Once you know which plugin is causing the issue:

  • Make sure you're running the latest version of both your theme and the plugin.
  • Contact the plugin developer's support team and let them know what's happening.
  • If there's no quick fix, you may want to look for a different plugin with similar features that plays more nicely with Kadence.