In that the stylesheet for the plugin was separate from the parent styles.css, I decided to copy the plugins stylesheet, edit it to suit my goals and place it in the same directory as the child themes styles.css.
I then used the @import function of the Configurator to import the new version of the plugins stylesheet
You can add additional stylesheets and web fonts by typing @import rules into the textarea on the @import tab. Important: The Child Theme Configurator adds the @import rule that loads the Parent Theme’s stylesheet automatically. Do not need to add it here.
Below is an example that loads a local custom stylesheet (you would have to add the “fonts” directory and stylesheet) as well as the web font “Open Sans” from Google Web Fonts:
@import url(fonts/stylesheet.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);
And that worked perfectly and my edits are still independent of any parent themes or plugins.
webbuddy:
Thanks and great call on using the @import!
We are working on adding hooks and filters that will let you point the configurator to any stylesheet in your content dir, not just style.css but that is a ways off.
For now you have figured out the best way to do it.
Cheers!
-jf
Hi webbuddy,
The Child Theme Plugin Configurator is released and available for download from our website at http://www.lilaeamedia.com/product/child-theme-configurator-plugins/
It extends the functionality so you can customize ANY stylesheet in your plugins or theme directory, not just the styles.css file.
The $14.99 USD license includes automatic updates as they are released.
Cheers!
-jf
