i-Frames im Divi-Theme auf voller Seitenbreite darstellen

9. Januar 2022 | CSS-Stylesheet, Divi-Theme

Geschätzte Lesezeit für diesen Beitrag: ca. 2 Minuten.

Ob jetzt die berühmt-berüchtigten Inline-Frames (iframes) sinnvoll oder eine Plage sind, darüber lässt sich freilich streiten. Zu Zeiten des Responsive Webdesigns stehen sie etwas quer in der Landschaft. Ab und an mögen Sie aber praktisch sein. Im Divi-Theme müssen Sie jedoch mit einem kleinen Code nachhelfen, damit das Inline-Frame auch Tablet- und Phone-tauglich wird.

Die Sache ist recht simpel: Per CSS-Code weisen Sie das Divi-Theme an, i Frames auf voller Darstellungsbreite anzuzeigen.

Folgenden Code kopieren Sie in das CSS-Stylesheet Ihrer Website (unter Design/Customizer/Zusätzliches CSS):

iframe {
 width: 100%;
}

Einfach. Oder?

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.









Vielen Dank.

Pin It on Pinterest

Share This