Sign up
  1. Moose Theme Demo
  2. Solution home
  3. Usage Guides
  4. Formatting Content

Images

Modified on: Mon, 19 Mar, 2018 10:16 AM
1
2
3
<p>
  <img src="lotus.jpg" />
</p>

 By default, images don't have any borders:


But if you want they can be framed:

1
2
3
<p>
  <img class="image-with-border" src="lotus.jpg" />
</p>


Or they can have shadow:

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


Or they can even have overlay:

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


Border-radius

Image Lightbox

It's possible to open a larger version of the image in the lightbox:


1
2
3
4
5
<p>
  <a class="image-with-lightbox" href="lotus.jpg">
    <img src="lotus.jpg" width="400" />
  </a>
</p>


Was this answer helpful? Yes No

Sorry we couldn't be helpful. Help us improve this article with your feedback.