Hai bisogno di trovare un modo per creare un'immagine arrotondata?

Se hai già notato, alcuni siti Web utilizzano immagini arrotondate sulla pagina del team o sulla pagina delle informazioni. Sotto l'immagine arrotondata, di solito vedi le icone social che si collegano agli account dei social media di ciascun membro del team.

Scopri:  Come installare Elementor su WordPress

In Elementor, puoi anche creare un'immagine arrotondata come quelle nello screenshot qui sopra. Tuttavia, Elementor non offre impostazioni specifiche dell'immagine per trasformare un'immagine rettangolare/quadrata in un'immagine arrotondata. Hai bisogno di un piccolo trucco per creare un'immagine arrotondata Elementor.

Quando aggiungi un'immagine in Elementor, puoi impostare i valori del raggio del bordo. Per avere un'immagine a forma di cerchio, puoi impostare i valori del bordo su qualsiasi numero, a seconda della dimensione della tua immagine.

Suggerimenti: Per ottenere un'immagine che abbia la forma perfetta di un cerchio, puoi usare un'immagine quadrata invece di un rettangolo.

Cominciamo.

Leggi anche: Come aggiungere il collegamento al numero di telefono in Elementor

Innanzitutto, aggiungi un'immagine trascinando il widget Immagine nella casella di modifica di Elementor e seleziona un'immagine dal tuo computer.

come-creare-un-immagine-arrotondata-in-elementor

Una volta aggiunta l'immagine, vai alla scheda Style per personalizzarlo. Come accennato, per ottenere l'immagine a forma di cerchio, puoi impostare i valori per il raggio del bordo. I valori variano a seconda delle dimensioni della tua immagine. Ad esempio, per un'immagine 800 × 800, puoi impostare i valori su 260 (tutti gli angoli: in alto, a destra, in basso, a sinistra).

creare un'immagine arrotondata

Oltre al raggio del bordo, ci sono molte altre impostazioni che puoi applicare alla tua immagine. Elementor ti consente anche di impostare la luminosità, il contrasto, la saturazione e la tinta della tua immagine. Puoi trovare queste impostazioni facendo clic sull'opzione Filtri CSS. Basta giocare con il pannello di sinistra per capire che tipo di cose puoi fare con la tua immagine.

Ottieni subito Elementor Pro!!!

Conclusione

Ecco ! Questo è tutto per questo articolo. Se hai domande su come creare una sezione per i membri del team con Elementor, per favorefacci sapere in commentaires.

Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.

...