You are here: Home » All WordPress Tutorials » Rounded Images in Divi + Let Me Teach You Some CSS Part 2

Rounded Images in Divi + Let Me Teach You Some CSS Part 2

by WPTutorials101

In this video I will show how you can make rounded or circular images in Divi. I will do this using some CSS code. I will also teach you some more basic CSS so you can slowly become a web developer and do your own theme customizations. You can purchase Divi Theme from here:

01:30 I have covered CSS classes. You can add more than one class in CSS separated with spaces. You have to use a period/dot to represent a class like this: .round -a class name can be anything.

02:30 Here I have shown how you can inspect the image element and find out the CSS classes and element tags of various items. This one is helpful and further explained in this video:

05:00 I used the CSS command of border-radius property to make it a circular shape. 50% will make the image have 50% radius from all 4 corners. This works best for square images.

06:30 Lastly I have used a border property to give a 5px solid border around the image.

✱ Subscribe to us:
✱ Visit my blog:
✱ Follow me on Twitter:
✱ Follow me on Instagram:
✱ Like me on Facebook:
[ ? ] What would you like to see next?

✔ Want to hire me?

CSS used on this video:

.round img
border-radius: 50%;
border: 5px solid orange;

Watch Part 1 here:

Check out my other video tutorials below:

Divi 3.0 Tutorials playlist:

Make a squeeze page in Divi:

Remove footer links in Divi:

How to install the Divi theme:

How to make a website:

Make a logo without photoshop:

People also search for:

divi theme customization,
divi theme elegant themes,
divi theme elegant themes tutorial,
divi theme header,
divi theme 3 0 tutorial,
divi theme,
divi theme tutorial,
divi theme builder,
divi theme blog,
divi theme examples,
divi theme gallery,
divi theme install,
divi theme layouts,
divi theme landing page,
divi theme logo,
divi theme menu,
divi theme mobile,
divi theme modules,
divi theme options,
divi theme plugins,
divi theme portfolio,
divi theme post slider,
divi theme sidebar,
divi theme shop,
divi theme setup,
divi theme tutorial 3 0,
divi theme tips,
divi theme tricks,
divi theme tutorials 2016,
wordpress divi theme tutorial,
divi theme update,
using divi theme,
divi theme wordpress,
divi theme website,
divi theme wordpress tutorial,
divi theme 3 0,
divi theme 3 0 visual editor
elegant themes divi,
elegant themes tutorial,
elegant themes divi 3.0,
elegant themes wordpress,
elegant themes review,
elegant themes,
elegant themes divi tutorial,
elegant themes page builder,
elegant themes divi 3,
elegant themes explorable,
elegant themes,
divi theme elegant themes tutorial,
wordpress elegant themes tutorial,
divi theme elegant themes,
elegant themes website
Divi theme menu
Divi theme nav bar

Related Videos