Wilt u een manier vinden om een ​​afgeronde afbeelding te maken?

Als het je al is opgevallen, gebruiken sommige websites afgeronde afbeeldingen op hun teampagina of op de over-pagina. Onder de afgeronde afbeelding ziet u meestal de sociale pictogrammen die linken naar de sociale media-accounts van elk teamlid.

Ontdek:  Hoe Elementor op WordPress te installeren

In Elementor, kunt u ook een afgeronde afbeelding maken zoals die in de bovenstaande schermafbeelding. Echter, Elementor biedt geen specifieke beeldinstellingen om van een rechthoekig/vierkant beeld een rond beeld te maken. Je hebt een klein trucje nodig om een ​​afgerond beeld te creëren Elementor.

Wanneer u een afbeelding toevoegt in Elementor, kunt u de grensradiuswaarden instellen. Om een ​​afbeelding in de vorm van een cirkel te hebben, kunt u de grenswaarden instellen op een willekeurig getal, afhankelijk van de afmeting van uw afbeelding.

tips: Om een ​​afbeelding te krijgen die de perfecte vorm heeft als een cirkel, kunt u een vierkante afbeelding gebruiken in plaats van een rechthoek.

Laten we beginnen.

Lees ook: Hoe een telefoonnummerlink toe te voegen in Elementor

Voeg eerst een afbeelding toe door de afbeeldingswidget naar het invoervak ​​van Elementor te slepen en een afbeelding op uw computer te selecteren.

hoe-maak-een-afgeronde-afbeelding-in-elementor

Zodra de afbeelding is toegevoegd, gaat u naar het tabblad Style  om het te personaliseren. Zoals gezegd, om de afbeelding in de vorm van een cirkel te krijgen, kunt u de waarden voor de randradius instellen. De waarden variëren afhankelijk van de grootte van je afbeelding. Voor een afbeelding van 800 × 800 zou je bijvoorbeeld de waarden op 260 kunnen zetten (alle hoeken: boven, rechts, onder, links).

maak een afgeronde afbeelding

Naast de randradius zijn er verschillende andere instellingen die u op uw afbeelding kunt toepassen. Met Elementor kunt u ook de helderheid, het contrast, de verzadiging en de tint van uw afbeelding instellen. U kunt deze instellingen vinden door op de optie te klikken CSS-filters. Speel gewoon wat met het linkerpaneel om erachter te komen wat voor soort dingen je met je afbeelding kunt doen.

Koop Elementor Pro nu!!!

Conclusie

Alstublieft ! Dat was het voor dit artikel. Als je vragen hebt over het maken van een teamledensectie met Elementor, alsjeblieftlaat het ons weten in de commentaires.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.

...