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.

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.
Posts created 33

One thought on “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 *

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top
%d bloggers like this: