Custom Preset Path to CSS File Problem

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):

function my_custom_presets()
{
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.

Thanks,

Dairrell

Hey,

Yes I have the same problem like you have!
Hope to find a solution here.

Hey guys,

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!

Ben

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?

Dairrell

Hey Ben,

This olso works for me!

Thanks

Hi Guys,

Thanks for informing us your issues have been resolved. We appreciate it.

Thanks,
Danny

Hi Dairrell,

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.

Thanks,
Danny