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

Post popolari in questo blog

jQuery validation message in italiano

Ecco i messaggi in italiano per il plugin Validation di jQuery . http://docs.jquery.com/Plugins/Validation ciao /m /* * Translated default messages for the jQuery validation plugin. * Language: IT */ jQuery.extend(jQuery.validator.messages, { required: "Questo campo è obbligatorio.", remote: "Riempire questo campo per continuare.", email: "Inserire un indirizzo email valido.", url: "Inserire un indirizzo URL valido.", date: "Inserire una data in formato mm-gg-aaaa.", dateDE: "Inserire una data in formato gg-mm-aaaa.", dateISO: "Inserire una data in formato aaaa-mm-gg.", number: "Inserire un numero.", digits: "Inserire (solo) un numero.", creditcard: "Inserire un numero di carta di credito valido.", equalTo: "Inserire lo stesso valore usato sopra.", accept: "Usare un'estensione valida.&q

NetBeans: percorsi e file

Che JDK usa per girare NetBeans ? Scoprilo in: c:\Programmi\NetBeans 6.5\etc\netbeans.conf Dove stanno le Libraries di NetBeans ? In: %HOMEPATH%\.netbeans\6.5\config\org-netbeans-api-project-libraries\Libraries\ Comodo per copiarle da una versione all'altra (quando si provano RC o beta) enjoy /m