round images wordpress

How to get rounded images in wordpress without installing a plugin

Rounded pictures are cool! That’s the reason why Facebook, Twitter, Instagram and even Google, use it.

Standard square image:

cups

rounded image:

cups

 

you say, which one looks better? of course the round one!

So, this is how you do it- open the html or text editor from the right corner of the input area:html

find the <img> tag

<img class="alignright wp-image-43 size-thumbnail" src="http://www.nicheless.in/wp-content/uploads/2017/04/cup-1320578_1920sq-150x150.jpg" />

insert:

style="border-radius: 50%;"

after the class attribute.

 

Your code should look something like this:

<img class="alignright wp-image-43 size-thumbnail" style="border-radius: 50%;" src="http://www.nicheless.in/wp-content/uploads/2017/04/cup-1320578_1920sq-150x150.jpg" />

NOTE: Using the “border-radius” property in a non-square image will make it elliptic. Make sure you use this property in square images only.

Rohit Gupta
I’m Rohit Kumar Gupta. Editor-in-chief at clickrohit.com, techpop.in, and nicheless.in, I also have a YouTube channel with the name “TechPop” focused primarily on guides that help you get the best out of your technology.
https://clickrohit.com

One Reply to “How to get rounded images in wordpress without installing a plugin

Leave a Reply

Your email address will not be published. Required fields are marked *