Background Color

Create colorized backgrounds by wrapping content in this shortcode. You may enter a theme color name, a three or six digit hex reference, rgb, rgba or CSS compliant color name.

Usage & Examples

The text background shortcode requires an opening an closing tag with your content between. You must set a value in the color attribute.

[background-color color="primary"]This text has a primary color background.[/background-color]
[background-color color="accent"]This text has a accent color background.[/background-color]
[background-color color="approve"]This text has an approve color background.[/background-color]
[background-color color="caution"]This text has a caution color background.[/background-color]
[background-color color="error"]This text has an error color background.[/background-color]
[background-color color="info"]This text has an info color background.[/background-color]
[background-color color="#ccc"]This text has a #CCC color background.[/background-color]
[background-color color="#B3E3F2"]This text has a #B3E3F2 color background.[/background-color]
[background-color color="rgb(242, 211, 233)"]This text has an rgb(242, 211, 233) color background.[/background-color]
[background-color color="rgba(211, 242, 233, 0.8)"]This text has an rgba(211, 242, 233, 0.8) color background.[/background-color]
[background-color color="MistyRose"]This text has a MistyRose CSS color background.[/background-color]
This text has a primary color background.

This text has a accent color background.

This text has an approve color background.

This text has a caution color background.

This text has an error color background.

This text has an info color background.

This text has a #CCC color background.

This text has a #B3E3F2 color background.

This text has an rgb(242, 211, 233) color background.

This text has an rgba(211, 242, 233, 0.8) color background.

This text has a MistyRose CSS color background.