Adds a button to the Design Palette Pro settings tab to export a raw CSS file
Adds a button to the Design Palette Pro settings tab to export a raw CSS file. Requires the Genesis Design Palette Pro plugin.
gppro-export-css
folder and all its contents to the /wp-content/plugins/
directoryThis is used to export the complete CSS file from Genesis Design Palette Pro. Do with it as you please, it’s your CSS.
You would need to upload the CSS to the new site and load it. Assuming the CSS file was named gppro-custom.css
and you uploaded it into your active theme’s main folder, the below function would load it.
function gppro_load_css() { wp_enqueue_style( 'gppro-css', get_bloginfo('stylesheet_directory') . '/gppro-custom.css', array(), null, 'all' ); } add_action ( 'wp_enqueue_scripts', 'gppro_load_css', 10 );
The CSS data includes a custom body class gppro-custom
that needs to be present for the browser to recognize it. Design Palette Pro does this automatically, but if you are loading the exported CSS file somewhere else you will need to add it yourself. You can put the below function in your theme.
function gpppro_body_class( $classes ) { $classes[] ### 'gppro-custom'; return $classes; } add_filter ( 'body_class', 'gpppro_body_class' );