How to turn a square image into a circle? How can I make an image a circle similar to an avatar image?

There are two ways you can turn a square image into a circle shape:

Using Image Style Presets

Click on your image > Style > Style Presets (you may have to turn on Expert build mode). Then, click on Circle shape.

Using Border Radius config

Go to Style > Border > Radius and gradually increase the value until your image is a complete circle. (If the slider has reached maximum value, type in the field instead)

​

• Related Articles

• Can we make the image or icon smaller?

  To make an image or icon smaller. Simply click Size at Style tab and change the width according to your liking.

• How can I change the opacity of my image so my text is more visible? How can I make the image transparent?

  Currently Tapita does not support to adjust background image's opacity. Please use a photo editor to adjust the image before uploading to Tapita.

• Hide selected image or text on per device

  Hide selected image or text on per device, please follow guide: Click the element > General > Responsive > Turn on what device that you want hide.

• How can I make an image on a table be justified to the left or to the right?

  Normally the image will be resized automatically. (Base on the screen size).  However if you decide to change the size of the image to a smaller size comparing to the Parent Block, you can justify the position of the image with the self align tool in ...

• How to turn your collection page from zero to hero (for old version)

  What is a collection page? The collection page is an e-commerce page that has a selection of products organized for the user to browse. These pages are used by customers to browse your product line and learn more about potential purchases. The ...