Change the color settings for page sections that contains a background image


To make the colors uniform throughout the website, all page sections with a background image share the same settings.

Accessing the Color Settings For Sections With Background Image

  • Select the Design Tab from the settings menu on the left side of the page editor.
  • Click Sections With Background Image

Note: Design Settings are applied to all elements across all website pages.

Color settings

Page sections that has a dark background image may need a lighter or contrasting font color as opposed to a section with a light background.

Text and link color settings example

Button Color Settings

To make a button "pop" on section with a dark image, select a lighter or contrasting color for the button.

Button color settings

Input Fields Color Settings

Also known as "form fields," you can change the color settings of:

  • Input Background Color
  • Input Text Color
Input fields color settings

Image Overlay Color Settings

You can apply a color over the background image of the page section.

Image overlay color example

Remember to save your work!