Insets create a colored background to visually tie images and copy together. They are added right after the caption code and will resize according to the column width. If the image nor the caption is contained within a column, both will extend the full width of the content area.
Insets have one attribute, which sets the color to light gray or red. However, the default setting is light gray.
Example
Morbi pharetra ex ac placerat efficitur.
Phasellus laoreet nisl metus, a porta diam suscipit non. Sed sem nisi, mattis eget ipsum in, luctus tristique turpis.
Morbi pharetra ex ac placerat efficitur.
Phasellus laoreet nisl metus, a porta diam suscipit non. Sed sem nisi, mattis eget ipsum in, luctus tristique turpis.
Morbi pharetra ex ac placerat efficitur.
Phasellus laoreet nisl metus, a porta diam suscipit non. Sed sem nisi, mattis eget ipsum in, luctus tristique turpis.
Attributes
| Name | Possible Values | Required | Notes |
|---|---|---|---|
| class | lt-gray or red | No | The inset background color |
Code Sample
[inset class="red"] <strong>Morbi pharetra ex ac placerat efficitur.</strong> Phasellus laoreet nisl metus, <a href="http://localhost.me/msu-css-js/new-stuff.php#">a porta diam suscipit non</a>. Sed sem nisi, mattis eget ipsum in, luctus tristique turpis. [button class="white"]<a href="#">Lorem ipsum dolor.</a>[/button] [/inset]