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!

Cool Headline

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.

Cool Headline

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.

Cool Headline

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.

Cool Headline

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.

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

  • 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.