WordPress Theme Preview Not Working (7 Easy Fixes)

WordPress theme preview not working banner

[ctoc title=”Table of contents” type=”ol” items=”WordPress theme preview not working,How do I preview a WordPress theme?,Install required plugins,Disable all browser extensions,Check WordPress settings,Update WordPress themes and plugins,Clear the caches,Check for plugin conflicts,Add a code,Conclusion”]

If you are confused with the WordPress theme preview not working, do not panic.

I am going to show you 8 easy ways to fix it.

Hang on tight.

WordPress theme preview not working

The WordPress theme preview not working issue can be resolved by switching to the latest versions of the theme, installing the required plugins for the theme, disabling browser extensions, clearing the caches, fixing wrong WordPress settings, and adding a simple code to the WordPress core file as a last resort.

How do I preview a WordPress theme?

First, let’s see how we preview a WordPress theme.

  • Log in to the WordPress dashboard.
  • Go to Appearance > Themes.
  • Hover your mouse over a theme.
  • Click the Live Preview button.

The WordPress theme customizer will open up.

There will be 2 panes.

On the right pane, you can see a preview of your website with your chosen theme.

The left pane will show the settings to customize the theme.

So, if you cannot see a preview of the chosen theme on the right pane or the preview does not look like the theme demo, let’s find a fix for it.

Install required plugins

If the WordPress front page template not working for you, check whether additional plugins are required for the theme to work.

The theme documentation will list all the necessary plugins that have to be installed along with the theme.

Mostly the theme developer provides the plugins for free.

So, check the download area for these plugins, and download and install them.

If that’s not the case for you, read the next sections below.

Disable all browser extensions

Browser extensions are basically codes and they may cause a conflict with the codes of your website.

So, let’s remove these codes and see what happens.

If you are using the Chrome browser –

  • Click the 3 dots on the top right.
  • Click More Tools > Extensions.
  • Switch on the Developer mode button on the top right.
  • Switch off the toggle button of each of the extensions.

Now go to Appearance > Themes from the WordPress dashboard, refresh the page, click the Live Preview button and check if the issue is resolved.

Check WordPress settings

If you still have the “WordPress theme not showing” problem, check WordPress settings.

  • Go to Settings > General from the WordPress dashboard.
  • Check whether the URL in the WordPress Address and the Site Address are the same.

Update WordPress themes and plugins

If they are the same, then update WordPress and all plugins to their latest versions and see whether that resolves the issue.

Clear the caches

If you still have the WordPress customize page not loading issue, then clear the cache of your website, your browser, and the CDN.

If you have any cache plugin installed, clear the website cache from that plugin.

To clear the browser cache, check this article.

Check for plugin conflicts

If you still have the problem, then check for plugin conflicts.

To do this, first, disable all the plugins installed.

Then check whether the issue is resolved.

If yes, switch the plugins one by one and find out which one was causing the issue.

Stop using that plugin or find an alternative.

Add a code

If everything has failed to resolve the issue, you have to get your hands dirty with codes.

But do not worry, I will try and make it simple for you.

Here are the steps:

  • Log in to WordPress.
  • Go to Appearance > Theme File Editor.
  • On the Edit Themes screen, look for the functions.php file under Theme Files on the right.
  • Click on it. You will see the content of the file under Selected file content.
  • Add the following code at the end of the file:
remove_action( 'shutdown', 'wp_ob_end_flush_all', 1 );
  • Click the Update File button.

I hope, that will resolve the issue.

If not, then you need to contact the theme developer.

Conclusion

To resolve the WordPress theme preview not working issue – 

  • Install the required plugins for the theme.
  • Disable all browser extensions.
  • Check WordPress settings.
  • Update WordPress, themes, and plugins to their latest versions.
  • Clear the caches.
  • Check for plugin conflicts.
  • Add a code to the WordPress core file.
Back To Top