If your page layout looks broken, fonts are incorrect, or colors are not applying as expected on your live website, it is usually due to caching, CSS conflicts, or optimization settings. Follow these steps to resolve common styling problems:
Disable CSS Optimization and Minification
Performance plugins (like WP Rocket, Autoptimize, or LiteSpeed Cache) often have features that "minify" or "combine" CSS files to speed up your site. While helpful, these settings can sometimes break PixeBuilder's stylesheets.
- Temporarily disable any settings labeled Minify CSS, Combine CSS, or Load CSS Asynchronously in your optimization plugin.
- Check your live page. If the styling returns to normal, you may need to exclude PixeBuilder's stylesheets from being minified in your plugin's settings.
Clear All Caches
If you have made styling changes in the editor but they aren't reflecting on the front end, you are likely viewing an old, cached version of the page.
- WordPress Caching Plugins: Purge the cache in any caching plugins you have installed.
- Server Cache: Clear your host's server-level cache (often found in your hosting dashboard or the top WordPress admin bar).
- Cloudflare / CDN: If you use Cloudflare, log in to your dashboard, navigate to Caching > Configuration, and click Purge Everything.
- Browser Cache: Clear your browser's cache or view the page in an Incognito/Private window.
Check for Theme Conflicts
Sometimes, your active WordPress theme applies global styles that aggressively override PixeBuilder's custom designs.
- To test this, temporarily switch your active theme to a default WordPress theme (like Twenty Twenty-Four).
- If the styling issues disappear, the conflict is coming from your original theme's CSS.
Review Your Custom CSS
If you have added any Custom CSS to specific blocks or pages within PixeBuilder, a simple syntax error can break the styling for the rest of the page.
Double-check your custom code for any missing semicolons (;) or unclosed curly brackets (}).
Contact Support
If you have disabled CSS minification, cleared all caches, and ruled out theme conflicts, our team is here to assist you.
- Open a support ticket at: account.pixebuilder.com/support
- Please include a link to the affected page and a brief description of which elements are losing their styling.