Color Styling

Last updated a few seconds ago

The color styling options are used to set background colors and font colors for all the different elements you'll be using.

The color options draw from the Color Palette. If needed you can set custom colors. Some media and theme options will have these values as options to choose from.

Background Colors

  • Content Background Color - This color is applied to the background of main content in this Pagedip.

  • Secondary Content Background Color - This color is applied to the background of secondary content in this Pagedip. Some media items use this background color as their default, for example Cards, Steppers, and Content Boxes.

  • Base Background Color - This color is applied to the base background of the Pagedip. This may or may not ever be seen. If your layout has a max width then the overflowed space will be this color.

Font Colors

  • Base Font Color - This color is applied to the base font color of the Pagedip.

  • Secondary Font Color - This color is applied to elements have secondary text. Some examples of this are helper text for forms and copyright text,

  • Header 1 Color

  • Header 2 Color

  • Header 3 Color

  • Header 4 Color

  • Blockquote Color

  • Anchor Color

  • Lead Paragraph Color

  • Label Color

Color Palette Fonts