Passa ai contenuti principali

Wordpress Twentyseventeen: allineare l'immagine della testata a destra

Nel tema Twentyseventeen di Wordpress l'immagine della testata è allineata a sinistra, e in modalità responsive potrebbe tagliare la parte che ci interessa far vedere.


Come si fa ad allineare l'immagine della testata a destra?

Nella sezione CSS aggiuntivo della personalizzazione del tema, basta aggiungere...
.has-header-image .custom-header-media img {
    object-position: 100% center;
}

Se volessimo allineare l'immagine della testata un po' a destra?

Basta impostare il valore dell'allineamento orizzontale diverso da 100%...
    object-position: 90% center;

Funziona su tutti i browser?

Non funziona con Internet Explorer, tendenzialmente su mobile non ci sono problemi.
http://caniuse.com/#feat=object-fit

Per saperne di più...

https://developer.mozilla.org/en-US/docs/Web/CSS/object-position

Commenti