Overwrite css of an external widget

Asked Jul 02 '13 at 14:51

Active Jul 02 '13 at 14:51

Viewed 111 times

I load this widget using iframe

http://www.weather.gr/gr/gr/widgets/weather_w10.aspx?points=3

But the font doesnt look good on my site, I need to change it with another font I use it in my site. How can I overwrite the css and load my own font-family?

Also, is there any way to display: none (hide) the url logo?

asked Jul 02 '13 at 14:51

user1493428

This is probably a task better suited for Javascript or jQuery. – crush Jul 02 '13 at 14:55
Can you copy the widget to your own site? – Mr Lister Jul 02 '13 at 14:56
Another option would be to get rid of the iFrame altogether, make an AJAX call to get the HTML from weather.gr, and load that into a DIV on your page. – crush Jul 02 '13 at 14:58
2

No you can't change the `CSS` if the iframe src is an external site. – Nick R Jul 02 '13 at 14:58
This may work: http://stackoverflow.com/a/217833/1669208 – Dan Grahn Jul 02 '13 at 18:09

Overwrite css of an external widget

0 Answers0