Can't load iFrame CSS

Question

I\'m trying to load an iFrame into a Wordpress website. The iFrame should load the table displayed in this link, with all the colors and other styles applie

Answer 1

Use HTTPS to serve your css in the iframe. If you open the Chrome Devtools, the following error message can be seen multiple times: Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure image '<URL>'. This content should also be served over HTTPS.

Answer 2

First of all Iframes will not take the external css. as they have there own html head and body tags, Its a separate html document. you cannot override any styles in Iframe. instead you can try attach your stylesheet in the required document and use it in the iframe.