Compile Inline CSS

Page Builder Framework adds inline styles to your website based on the style settings in the WordPress customizer. With version 2.0.4, the CSS can be compiled and saved into an external stylesheet.

Premium Add-On users get the option to “Compile inline CSS” from their theme settings page.

The file is being updated when any style-related customizer settings change and it is located under wp-content/uploads/page-builder-framework on your wp-admin installation.

Compile Inline CSS

To compile the inline CSS without running the Premium Add-On, simply add the code below to your child-theme’s functions.php.

// Compile CSS
function prefix_compile_inline_css( $output ) {
    $output = 'file';
    return $output;
add_filter( 'wpbf_css_output', 'prefix_compile_inline_css' );

Last updated on: May 14th, 2019

Scroll to Top


Download Page Builder Framework and be the first to get informed about new features & updates!


Get 10% off our Premium Add-On (yearly plan).
Coupon Code to enter during checkout: 10OFF View Pricing