Display Pro: Custom Colors

To change the theme's custom colors, navigate to Appearance → Customize → Colors from the admin dashboard.

To demonstrate which colors can be changed, each custom setting has been changed to blue in the screenshots below.

Site Background Color

The Site Background color setting is pretty self-explanatory. It changes the color of the site background. Default color is #ffffff (white).

Header Background Color

The Header Background color setting changes the background color of the site header and the hero section. It is recommended to use a slightly darker color here so that the white menu items remain visible. Default color is #141618.

Front Page 2 Background Color

The Front Page 2 Background color setting changes the background color of the Front Page 2 widget area background. It is recommended to use a slightly darker color here so that the white text remain visible. Default color is #141618.

Footer Background Color

The Footer Background color setting changes the background color of the site footer. It is recommended to use a slightly darker color here so that the white text remain visible. Default color is #141618.

Button Background Color

The Button Background Color setting controls the color of button backgrounds, as well as the button drop shadow. The default color is #1ced8a (green).

Button Text Color

The Button Text Color setting controls the color of all button text. The default color is #141618.

Accent Color

The Accent Color setting controls the color of all of the accent colors used throughout the theme, such as text underlines and hover colors. The default color is #1ced8a (green).