Full Width Content

This shortcode allows you to expand content width to full screen, regardless of your chosen container size.

Usage & Examples

This is a two part shortcode that requires and opening and closing tag with your content between.

[full-width-content]This is full width content.[/full-width-content]
This is full width content.

Background Colors

By setting the background attribute you can give your full width content a background color. You may use a theme color, a three or six digit hex reference, rgb, rgba or CSS compliant color name.

[full-width-content background="primary"]This is full width content with a primary background.[/full-width-content]
[full-width-content background="accent"]This is full width content with an accent background.[/full-width-content]
[full-width-content background="approve"]This is full width content with an approve background.[/full-width-content]
[full-width-content background="caution"]This is full width content with a caution background.[/full-width-content]
[full-width-content background="error"]This is full width content with an error background.[/full-width-content]
[full-width-content background="#6CF"]This is full width content with a #6CF background.[/full-width-content]
[full-width-content background="#33CCCC"]This is full width content with a #33CCCC background.[/full-width-content]
[full-width-content background="rgb(153, 51, 255)"]This is full width content with an rgb(153, 51, 255) background.[/full-width-content]
[full-width-content background="rgba(153, 51, 255, 0.5)"]This is full width content with an rgba(153, 51, 255, 0.5) background.[/full-width-content]
[full-width-content background="LightCoral"]This is full width content with a LightCoral background.[/full-width-content]

This is full width content with a primary background.

This is full width content with an accent background.

This is full width content with an approve background.

This is full width content with a caution background.

This is full width content with an error background.

This is full width content with a #6CF background.

This is full width content with a #33CCCC background.

This is full width content with an rgb(153, 51, 255) background.

This is full width content with an rgba(153, 51, 255, 0.5) background.

This is full width content with a LightCoral background.