Un utente ha chiesto informazioni su Editor Blocks di Wordpress

larghezza e allineamento iframe

Un utente ha chiesto 👇

Ciao Danny,

Nel frattempo utilizzo il tuo tema per costruire un secondo sito Web, poiché mi piace molto. Non è sovraccarico e mi aiuta a creare bellissimi siti Web con blocchi Gutenberg. Oggi mi sono imbattuto in una domanda che non sono riuscito a risolvere completamente.

Voglio incorporare il video di Youtube in modalità privacy avanzata (obbligatoria nell’UE). Ciò significa che non posso incorporarlo come blocco video, ma devo utilizzare il seguente HTML:

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/WXme-fPJoss" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Il video era originariamente allineato sul lato sinistro dello schermo, il che sembra orribile. Potrei risolvere questo problema aggiungendo la seguente SEC inline:
style=" display: block;".

La miniatura del video ha sempre la stessa larghezza del testo, nonostante le dimensioni del video siano 516 × 315. Penso che ciò possa essere dovuto al seguente CSS, che ho trovato nel file style.css:

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
	width: 100%
}

Ciò significa che la larghezza e la larghezza massima sono le stesse. Non ha senso per me.
Come posso modificare la larghezza in modo che venga presa dalle impostazioni dell’iframe? Ho provato ad aggiungere CSS personalizzati

iframe, object {
width: auto;
}

ma questo ha peggiorato le cose perché ora ogni ifram aveva una larghezza di 300.

Il sito non è ancora pubblico, quindi non posso fornire un collegamento.

Grazie per il vostro sostegno!
Wiebke

Autore del tema

(@dannycooper)

1 anno, 2 mesi fa

Ciao Wiebke,

Hai provato:

iframe {
    width: initial !important;
}

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *