Images

By default, images don't have any borders:

<p>
  <img src="lotus.jpg" />
</p>


But if you want they can be framed (default functionality in the article editor):

<p>
  <img class="fr-bordered" src="lotus.jpg" />
</p>


Or they can have shadow:

<p>
  <img class="image-with-shadow" src="lotus.jpg" />
</p>


Or they can even have overlay:

<p class="image-overlay">
  <img src="lotus.jpg" />
</p>


Border-radius


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article