Un utente ha chiesto informazioni su Elementor Website Builder di Wordpress

Come centralizzare il video in background in un reparto?

Un utente ha chiesto 👇

Come centralizzare il video in background in un reparto? In questa sezione abbiamo un’opzione “Stile -> Sfondo -> Tipo di sfondo e possiamo selezionare” Video di sfondo “. La soluzione è centrare questo video nella fascia media (questo video è sempre allineato a sinistra). Sfortunatamente, un’opzione “Video di sfondo” non è un’opzione “Classica” con un’impostazione di immagine / allegato / ri-manipolazione. È una soluzione SEC ragionevole a questo problema?
Grazie,
ZBynek
PS. scusa per gli errori di lingua

Supporto per plugin

(@benpines)

3 anni, 3 mesi fa

Ciao ZBynek,
Non offriamo l’allineamento video. Dai un’occhiata a questa guida: https://stackoverflow.com/questions/27850472/html5-video-background-keep-center-of-video-in-center

(@ strider2704)

3 anni fa

Dove si cerca una soluzione e si imbatte in questa.

Aggiungendo il CSS qui sotto a style.css del tema dei bambini! sembra che abbia risolto il problema di allineamento per me, ora tutti i video di sfondo degli articoli sono orientati indietro xey quando sono impostati su “Adatta allo schermo”. Gli sviluppatori hanno utilizzato un codice simile, ma solo per l’asse y, probabilmente perché interrompe un altro layout come quello (ATTENZIONE: NON è stato testato con un layout di sfondo video diverso da “Adatta allo schermo” e potrebbe interrompere un allineamento per un layout del video di sfondo diverso da “Adatta allo schermo”)

Se il tuo tema lo supporta, puoi scegliere come target solo determinate pagine aggiungendo un tag .body.page-name prima dell’altro tag (se il nome della pagina è il nome della pagina che stai targetizzando) in questo modo interesserà solo quella particolare pagina .

.elementor-background-video-embed {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important;
}

Questa risposta è stata modificata 3 anni fa da.

Was this helpful?

0 / 0

Lascia un commento 0

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