Skip to main content

Custom Div

The Custom Div shortcode allows you to wrap your content with a <div> that has a custom class. These custom divs will allow for easy customization using CSS. The div and the elements within the new div can be style by adding CSS to the Custom CSS section.

Custom Div

Shortcode Breakdown

[heels_custom_div class=""]Content[/heels_custom_div]
  • class: the name of the class

Shortcode Example

This <div> has class custom-div-example with this Custom CSS applied:

.custom-div-example {
border-top: 1px solid #B3B3B3;
border-bottom: 1px solid #B3B3B3;
padding: 10px;
font-family: Tahoma;
}