Styling iframes outside of "Custom CSS for Widget Embeds" setting
The "Custom CSS for Widget Embeds" is appropriate for styling global changes you want the embedded iframes to have. However, in the instance where you are using the iframes in two different use-cases concurrently, showing various components of it may not be compatible. For instance, I may want to show all the elements ( goal amount, raised, percent to goal, still needed, number of supporters) in one campaign.
In another I may only want the meter with the amount raised and the goal.
It looks like this requires a custom solution to add such as what is explained here: https://stackoverflow.com/questions/4449477/using-jquery-to-style-iframe
I've tried the following using the wp_footer hook to ensure it loads last:
(function($) {
$('iframe').contents().find('.crm-contribute-widget-stats').hide();
})(jQuery);
However, the iframe embedded has no id to key off of. So the question is: how can these iframes by styled on an individual basis outside of the global CSS option provided by the extension?