Introduction
Add a spacer of a specified height in your WordPress pages and posts. The spacer shortcode can be used to fix floated elements (ie. clear left, right, both). If your theme doesn’t define a clearfix CSS class, the spacer can be used instead. Clearfix is used to clear the floats of any element.
Example
The following spacer is 200px high. Dashed lines have been added above and below to indicate the start and end of the spacer.
Explore More Shortcodes
- Alert
- Animated Popular
- Animated Image
- Animated Scroll New
- Audio
- Badge
- Blockquote
- Blog
- Blur New
- Books
- Button
- Chart
- Clients
- Code
- Collapsibles
- Content Box
- Content Section Popular
- Counter
- Coupons
- Custom Post Type
- Definitions
- Device Mockups
- Divider Popular
- Dropcap
- Emphasis
- Events
- FAQ
- Filler
- Flip Box Popular
- Fullscreen Video
- Gallery Popular
- Google Docs Viewer
- Guests
- Heading
- Highlight
- Hover Box
- Horizontal Ruler
- Icon Popular
- Icon List
- If New
- Image
- Image Compare
- Jobs
- Label
- Lead
- Lightbox
- Locations
- Map
- Masonry
- Members
- Menu
- Post Meta Data
- Movies
- Music
- News
- Overlay Popular
- Panel New
- Parallax Scene Popular
- Permalink
- Person
- Popover
- Portfolio
- Post Fields
- Post Media
- Pricing Table
- Progress
- Project
- Promotional Box
- QR Code
- Quotes
- Recent Books
- Recent Clients
- Recent Coupons
- Recent Events
- Recent Jobs
- Recent Locations
- Recent Movies
- Recent Music
- Recent News
- Recent Portfolios
- Recent Posts
- Recent Projects
- Recent Quotes
- Recent Recipes
[intense_content_section]
<h2>Introduction</h2>
Add a spacer of a specified height in your WordPress pages and posts. The spacer shortcode can be used to fix floated elements (ie. clear left, right, both). If your theme doesn't define a <strong>clearfix</strong> CSS class, the spacer can be used instead. Clearfix is used to clear the floats of any element.
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Example</h2>
The following spacer is 200px high. Dashed lines have been added above and below to indicate the start and end of the spacer.
[intense_hr type="dashed" color="#000"]
[intense_spacer height="200"]
[intense_hr type="dashed" color="#000"]
[/intense_content_section]
[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]