How can we help?

View Categories

fc_css_variables

Back to list of all filter and action hooks for Fluid Checkout Lite.

Description #

Modifies CSS variables used for styling the checkout page.

Parameters #

  • $css_variables (array) Multi-dimensional array with CSS variables organized by scope. Defaults to array( ':root' => array() ).
  • $context (string) The context for which CSS variables are being loaded (e.g., ‘frontend’, ‘admin’).

Examples #

/**
 * Add custom CSS variables
 */
function add_custom_css_variables( $css_variables, $context ) {
    if ( 'frontend' === $context ) {
        $new_css_variables = array(
            ':root' => array(
			// Change field height
			'--fluidcheckout--field--height' => '50px',
            )
        );

        return FluidCheckout_DesignTemplates::instance()->merge_css_variables( $css_variables, $new_css_variables );
    }
    return $css_variables;
}
add_filter( 'fc_css_variables', 'add_custom_css_variables', 100, 2 );