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
Etichette:

Commenti

Posta un commento

Post popolari in questo blog

jsp+form: problemi con caratteri accentati

Con il submit di un form (GET o POST) si possono ricevere schifezze al posto dei caratteri accentati. Ipotizzando di usare UTF8, non basta che: il file sia salvato come UTF-8 la pagina dica di essere UTF-8 <meta equiv="Content-Type" content="text/html; charset=utf-8"> Occorre specificare anche l'encoding della request: Sarebbe anche da impostare l'encoding del Connector per prendere valori accentati dalla request. può essere utile: http://wiki.apache.org/tomcat/FAQ/CharacterEncoding enjoy /m
1 commento
Continua a leggere

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....
2 commenti
Continua a leggere