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....

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

Resettare la password di MySQL su Windows, senza averla

Può succedere di perdere la password di MySQL su Windows :-0 Non è un problema, con questa procedura se ne può forzare un'altra. 1. Stoppare l'eventuale servizio di MySQL 2. Far partire MySQL senza grant tables Andare nella directory bin di MySQL e da DOS farlo partire in questo modo: mysqld --skip-grant-tables Questa finestra rimarrà aperta e come bloccata. 3. Entrare in MySQL mysql --user=root mysql Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 1 Server version: 5.0.45-community-nt MySQL Community Edition (GPL) Type 'help;' or '\h' for help. Type '\c' to clear the buffer. 4. Impostare la nuova password (nell'esempio: "mazzullami") mysql> update user set Password=PASSWORD(' mazzullami ') WHERE User='root'; Query OK, 2 rows affected (0.05 sec) Rows matched: 2 Changed: 2 Warnings: 0 5. Aggiornare le tabelle mysql> flush privileges; Query OK, 0 rows affected (0.02 sec) 6. Uscire ...