Cropping an image into a perfect circle might seem like something you need to do BEFORE you upload it to your website. However, using the power of Divi (have we mentioned yet that we LOVE Divi?!) you can crop an image into a perfect circle directly from your website. The best part is that you don’t sacrifice a shred of image quality by cropping ahead of time AND it’s really easy. So if circles are a part of your brand identity, you’ll want to watch this one or read the steps.
We know everyone learns differently – if you prefer video, please watch the video tutorial above! If you’re more of a step-by-step person, we’ve written out the steps below.
How to crop an Image into a Circle with Divi – Step by Step
- First, log into your website, go to the page you’re working on. In this example, we’re going to edit the Contact Page on The Piper Effortless Website Kit.
- Enable the Visual Builder.
- Then add an image module.
- Select your image, and be sure it’s cropped as a true square with equal height and width dimensions. This will allow your image to display as a perfect circle later on.
- Go to the design tab and select Border.
- Change the border-radius to 100%.
- That’s it! Go ahead and save your changes.
Don’t yet have the Divi Theme?
Divi is a premium WordPress theme that is literally the only theme you will ever need to have an incredible website. With a powerful page-builder, tons of ready to implement templates (including those found in our effortless website kits) this drag and drop theme will have you eager to get your website up and running exactly how you want it. Create any website you could ever dream up with ease.
(Note this is our company affiliate link & should you choose to purchase through our link we will earn a commission. Thank you, you will LOVE Divi!!)
Divi Theme + Effortless Web Kits
Our effortless website kits are built utilizing Divi! The web kits are high-converting websites, crafted for entrepreneurs & small business owners. Stop letting tech prevent you from launching your website and business. With an effortless website kit, you’ll have your site up lickity-split! Sit back & start watching the sales & leads pour in.
Article By: Karyn Paige
Web Developer on the SMC Team
I love looking at something – anything – and wondering how it was created. When I develop an interest in something, I immediately go all in to figure out how it works and what’s the story behind it.