How to get rounded images in wordpress without installing a plugin

How to get rounded images in wordpress without installing a plugin

Affiliate Disclosure: This page contains affiliate links from Bluehost and Amazon. Click here to know more.

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

Advertisement

<img class="alignright wp-image-43 size-thumbnail" src="https://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="https://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.

Help us improve our content by taking this quick short survey!

Affiliate Disclosure: This page contains affiliate links from Bluehost and Amazon. Click here to know more.

Advertisement

1 thought on “How to get rounded images in wordpress without installing a plugin”

Leave a Reply