The instructions for adding a custom preset are very clear and easy to follow, and I did add that to my child theme’s functions file. I used this code (with my own preset name of course):
FLCustomizer::add_preset( ‘my-preset’, array(
‘name’ => ‘My Preset’,
‘skin’ => ‘PATH_TO_CHILD_THEME/my-preset.css’,
‘settings’ => array(
‘fl-accent’ => ‘#95bf48’
add_action( ‘after_setup_theme’, ‘my_custom_presets’, 11 );
But I’m having a problem with the path to the CSS file. I added the custom css file to the child theme folder, but it’s not displaying the styles. The preset is showing properly in the customizer, so I’m not sure what I’m missing here.
Yes I have the same problem like you have!
Hope to find a solution here.
You need to change the
PATH_TO_CHILD_THEME with the path to your child theme. You can use the
get_stylesheet_directory() function to retrieve that. If you placed the CSS file directly on the child theme’s folder, you can use
‘skin’ => get_stylesheet_directory() . ‘/my-custom-css.css’,. If you placed it inside a CSS directory, you need to make it
‘skin’ => get_stylesheet_directory() . ‘/css/my-custom-css.css’,.
Hope this helps!
Thanks Ben. That worked for me.
One thing I noticed. If I make a change in the stylesheet on the server, and then refresh the page, the customizer doesn’t pick up the changes. So it appears that I have to temporarily change the the preset to something else, then come back to the custom preset for the changes to appear. If I’m doing some testing for style changes, will I have to do that for each style change/edit?
Thanks for informing us your issues have been resolved. We appreciate it.
Unfortunately, the theme’s CSS is compiled/cached when you make changes or save in the Customizer. If you make changes and don’t want to go into the Customizer, you can delete the cache in
wp-content/uploads/bb-theme and it will regenerate itself.