How to get rounded images in wordpress without installing a plugin

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

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!

Advertisement

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

Leave a Reply