bearbeiten css von Elementen in iframe

Question

Ich benutze einige kostenlose Instagram Feed iframe Code auf meiner Website und möchte die Größe der Bilder auf Handy bearbeiten ... derzeit auf dem Desktop ist der Feed 2 Reihen von 5 Bildern. auf Handy möchte ich die Größe der Bilder auf 50% Breite erhöhen, so dass die 5 Reihen von 2 Bildern. Ich öffnete die Konsole und es sieht aus wie seine li.in-Kachel, die eine Breite braucht: 50%; Aber wenn Sie sich die CSS dieses Elements ansehen, ist es .lightwidget.in-grid.in-grid-5 li mit einer Breite von 20%, aber ich brauche es zu 50%.

ich weebly bin mit der Website zu bauen, wenn das hilft und ja, ich bin das Einfügen

.lightwidget.in-grid.in-grid-5 li{ 
width:50% !important; 
} 

auf die Abfrage Medien für mobile „max Breite 480px“.

Dies ist der Einbettungscode, den ich verwende, um den Feed aufzurufen.

<!-- LightWidget WIDGET --><script src="//lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/3c1052429c9753bfa460e4a0636864a3.html" id="lightwidget_3c1052429c" name="lightwidget_3c1052429c" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;"></iframe> 

offensichtlich, wenn die Webseite rendert, dass iframe es eine HTML-doc irgendwo gehostet ruft ... Ich muss es wissen, ob ein Weg ist, die CSS zu ändern.

hoffentlich habe ich das gut erklärt.

Danke.

Answer 1

[...] Offensichtlich, wenn die Webseite iframe rendert, ruft sie ein HTML-Dokument auf, das irgendwo gehostet wird. Ich muss wissen, ob es eine Möglichkeit gibt, das CSS zu ändern.

Die Frage, wie ein Element innerhalb eines iFrame Stil hat auf Stackoverflow schon viele Male zuvor kommen - versuchen hier, einen Blick:

hier zu sehen ist

How to apply CSS to iframe?

Einen weiteren Beitrag, dass es Adressen :

Using CSS to affect div style inside iframe

und ein mit einer eher kurzen Erklärung hier:

CSS override body style for content in iframe?