Hi there @jocaxd86,
Thanks for reaching out to us about modifying the CSS of in iframe on your site.
In most cases, it’s not really possible to use CSS to do that. An iframe is a sort of outline in your page that displays another web page inside of it. The iframe content is not really a part of the page, so it’s not really possible to change its style via CSS.
There are some workarounds that might help:
– Add the CSS to the file where the iframe is being loaded from if possible.
– If the iframe file is stored on the same domain as the page, you should be able to access the DOM of the document in the iframe and modify its CSS via JavaScript and HTML.
As this issue involves a fairly complex development topic and doesn’t really involve Storefront, I recommend visiting the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack for help. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.
If you need some help setting up the code to modify the iframe via CSS, I can also recommend reaching out to a developer.
Thank you!
