Levels Block Editor Styles for Oxygen Builder

Levels Block Editor Styles for Oxygen Builder automatically injects your Oxygen Builder CSS into the WordPress block editor, ensuring that what you see in the editor matches what appears on the frontend.

Features

• Automatic Style Detection – Automatically finds and loads all relevant Oxygen CSS files
• Scoped Styling – All CSS is scoped to prevent affecting editor UI elements
• Reusable Block Support – Detects and loads styles for embedded reusable blocks
• Smart Context Detection – Only loads in the block editor for users with edit permissions
• Performance Optimized – Live-read approach with minimal overhead

How It Works

The plugin collects CSS from four sources:

1. oxygen.css – Core Oxygen framework styles
2. universal.css – Site-wide Oxygen styles
3. Page-specific CSS – Cached page styles
4. Reusable block CSS – Styles for embedded reusable blocks

All CSS selectors are automatically rewritten to be scoped within the editor content area to prevent affecting the WordPress admin UI.

Requirements

• Oxygen Builder 4.x (must be installed and activated)
• WordPress 5.8 or higher
• PHP 7.4 or higher

Related Plugins

Looking to speed up your Oxygen workflow? Check out Ready Made Oxygen Integration – Turn Figma designs into editable Oxygen Builder sections – copy & paste, just like that.

Optional Dependencies

For 100% reliable CSS scoping, you can install the CSS parser library via Composer:

composer install --no-dev

Without the library, the plugin uses a regex fallback that works for most cases.

Credits

Developed by Levels Branding & Webdevelopment OG

1. Upload the plugin files to /wp-content/plugins/levels-block-editor-styles-for-oxygen-builder/, or install through WordPress plugins screen
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. The plugin works automatically – no configuration needed

Note: This plugin requires Oxygen Builder 4.x to be installed and activated.

1. 

   Before: Block editor with default styling

1.0.0

• Initial release
• Automatic CSS collection from Oxygen sources
• Scoped CSS injection into block editor
• Support for reusable blocks
• Optional CSS parser library for enhanced reliability
• Regex fallback for environments without Composer