diff --git a/docs/components/boxes.md b/docs/components/boxes.md
index 5124b55bf..9bf472694 100644
--- a/docs/components/boxes.md
+++ b/docs/components/boxes.md
@@ -5,7 +5,6 @@ title: Boxes Components
There are two types of boxes, info boxes & small boxes. Both boxes are used to display statistical snippets.
-
##### Info Box
{: .text-bold .text-dark .mt-4}
@@ -251,6 +250,7 @@ There are two types of boxes, info boxes & small boxes. Both boxes are used to d
##### Loading Style
{: .text-bold .text-dark .mt-5}
+
To simulate a loading state, simply place this code before the `.info-box` / `.small-box` closing tag.
> ##### Tip!
@@ -315,6 +315,7 @@ To simulate a loading state, simply place this code before the `.info-box` / `.s
You can also use a dark loading style with adding `.dark` to `.overlay` like this code.
+
```html
diff --git a/docs/components/cards.md b/docs/components/cards.md
index bac251605..181869b0e 100644
--- a/docs/components/cards.md
+++ b/docs/components/cards.md
@@ -51,6 +51,7 @@ The card component is the most widely used component through out this template.
##### Card Variants
{: .text-bold .text-dark .mt-5}
+
You can change the style of the card by adding any of the contextual classes.
###### Default
@@ -508,6 +509,7 @@ You can change the style of the card by adding any of the contextual classes.
##### Card Tools
{: .text-bold .text-dark .mt-5}
+
Cards can contain tools to deploy a specific event or provide simple info. The following examples makes use of multiple AdminLTE components within the header of the card.
AdminLTE data-card-widget attribute provides cards with the ability to collapse or be removed. The buttons are placed in the card-tools which is placed in the card-header.
@@ -540,6 +542,7 @@ AdminLTE data-card-widget attribute provides cards with the ability to collapse
##### Loading Style
{: .text-bold .text-dark .mt-5}
+
To simulate a loading state, simply place this code before the `.card` closing tag.
```html
@@ -605,6 +608,7 @@ To simulate a loading state, simply place this code before the `.card` closing t
You can also use a dark loading style with adding `.dark` to `.overlay` like this code.
+
```html
diff --git a/docs/components/control-sidebar.md b/docs/components/control-sidebar.md
index 3023512fb..afb672803 100644
--- a/docs/components/control-sidebar.md
+++ b/docs/components/control-sidebar.md
@@ -9,11 +9,13 @@ The following code should be placed within the `.wrapper` div. I prefer to place
##### Control Sidebar Push
{: .text-bold .text-dark}
+
By adding the `.control-sidebar-push` to `body`, the sidebar pushes the content away instead of overlaying the content.
You can also add `.control-sidebar-push-slide` to `body`, to push the content away with an transition.
##### Dark Sidebar Markup
{: .text-bold .text-dark}
+
```html