Content Band

With the [content_band] shortcode, it’s incredibly simple to add custom, one of a kind elements to your pages and posts with hardly any work at all. Easily set a simple color, background image pattern, or full-width background image that adds tons of style and personality in a matter of seconds! You can place whatever you’d like inside the [content_band] shortcode, including text, images, video, slideshows, accordions, audio, and so much more! Let your imagination run wild!

Code

[content_band style="color: #333;" bg_color="#ffddea" border="all" inner_container="true"] [custom_headline style="margin-top: 0;" level="h4" looks_like="h3"]Cool Headline[/custom_headline] <p>Esurivi enim et dedistis mihi manducare: sitivi, et dedistis mihi bibere hospes eram et collexistis me nudus et operuistis me, adipiscing ego me: infirmus, et vidi post me, visitastis me in carcere eram et venistis ad me.</p> [/content_band]

[content_band bg_pattern="https://yoursite.com/path/to/your/image.jpg" border="all" inner_container="true"] [custom_headline style="margin-top: 0;" level="h4" looks_like="h3"]Cool Headline[/custom_headline] <p>Esurivi enim et dedistis mihi manducare: sitivi, et dedistis mihi bibere hospes eram et collexistis me nudus et operuistis me, adipiscing ego me: infirmus, et vidi post me, visitastis me in carcere eram et venistis ad me.</p> [/content_band]

[content_band style="color: #fff;" bg_image="https://yoursite.com/path/to/your/image.jpg" parallax="true" border="all" inner_container="true"] [custom_headline style="margin-top: 0; color: #fff;" level="h4" looks_like="h3"]Cool Headline[/custom_headline] <p>Esurivi enim et dedistis mihi manducare: sitivi, et dedistis mihi bibere hospes eram et collexistis me nudus et operuistis me, adipiscing ego me: infirmus, et vidi post me, visitastis me in carcere eram et venistis ad me.</p> [/content_band]

[content_band style="color: #fff;" bg_video="https://yoursite.com/path/to/your/video.mp4" bg_video_poster="https://yoursite.com/path/to/your/video-poster-image.jpg" border="none" inner_container="true"][custom_headline style="margin-top: 0; color: #fff;" level="h4" looks_like="h3"]Cool Headline[/custom_headline]<p>Esurivi enim et dedistis mihi manducare: sitivi, et dedistis mihi bibere hospes eram et collexistis me nudus et operuistis me, adipiscing ego me: infirmus, et vidi post me, visitastis me in carcere eram et venistis ad me.</p>[/content_band]

Options

• id: add a unique ID to the shortcode.
• class: add a class or multiple classes to the shortcode.
• style: add inline styles to the shortcode.
• border: “top,” “left,” “right,” “bottom,” “vertical,” “horizontal,” or “all.”
• bg_color: add in any color (i.e. “red,” “#fff,” “transparent,” et cetera) to be used as the background for the band.
• bg_pattern: insert the URL to an image to be used as a repeatable pattern for the band.
• bg_image: insert the URL to an image to be used as a full width background for the band.
• parallax: input “true” to activate the parallax background effect for background patterns and images.
• bg_video: insert the URL to a video to be used as a full width background for the band.
• bg_video_poster: insert the URL to an image to be used as a full width background for the band on mobile devices.
• no_margin: input “true” to remove all margins (useful when laying out home page designs, leaving default margin is helpful in creating consistent spacing on elements like posts and standard pages).
• padding_top: accepts any unit of measurement for the inner padding of the content band.
• padding_bottom: accepts any unit of measurement for the inner padding of the content band.
• inner_container: input “true” to have a container placed inside the content band.