Want to give your website images a sleek and modern look in Divi? Cropping images into a perfect circle is a simple yet powerful way to enhance your Divi website’s aesthetics and create a more polished design. Whether you’re working on a portfolio, blog, or business site, rounded images can add a professional and stylish touch. The best part? You don’t need any coding skills to achieve this effect! In this tutorial, we’ll walk you through the step-by-step process of cropping images into a circle using the Divi theme page builder in WordPress. Follow along to transform your images effortlessly and make your website stand out.
Edit the Images
Hover the mouse over the image module that you want to convert into a circle. This will make the Gear Icon Button appear, as shown in the screenshot below.
- Click on the Gear Icon button of the Image Module.
- Go to the Design tab.
- Click on Border in the Design tab.
Now, set the Border Rounded Corners to 100% for all corners, as shown in the screenshot below. Setting it to 100% will crop the image into a perfect circle. Make sure to use Percentage (%) instead of Pixels (px) to achieve the correct result.
Once done, save the changes by clicking on the Tick Mark button.
Title: Set Border Rounded Corners for a Perfect Circle
Learn More: Design Image Galleries with Divi: Step-by-Step Guide
Final Result
The screenshot below shows the final outcome, comparing the image before editing and after successfully applying all the changes.
Important Notice: Before cropping your Divi image into a circle, ensure that the image you are cropping has equal height and width. As shown in the screenshot below, the selected image has a height of 510 px and a width of 510 px. If the height and width are not equal, the image will not crop into a perfect circle.
Conclusion
Cropping your Divi images into a circle is a simple yet effective way to enhance the visual appeal of your website. By following the straightforward steps outlined in this tutorial, you can easily achieve a professional and polished look for your images. The process is quick, and the result is a design that is not only more attractive but also more cohesive. With just a few clicks, you can elevate the overall presentation of your Divi website, making it more engaging for visitors.
Learn More: How to Create a Reveal Image Effect in Divi
0 Comments