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.

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

  1. Saved as a favorite, I like your web site!

Leave a Reply

%d bloggers like this: