Design Settings

The design tab allows you to customize the look and feel of the checkout theme.

The settings are divided into two groups, Global Settings and Theme Specific Settings.

Global Settings

Logo

Setting a logo is optional. If you do not provide a logo, we will use your site name (found under Settings -> General). 

Footer Text

By default, a standard copyright notice is displayed in the footer. If you would like to customize this text, you can enter your own text in the Footer Text WYSIWYG. 

Theme Specific Settings

Color Options

Header Background Color

Controls the background color of the header.

Header Text Color

Controls the color of text in the header.

Footer Background Color

Controls the background color of the footer.

Footer Text Color

Controls the color of text in the header.

Summary Background Color

Controls the background color of the right pane for supporting themes such as Copify. 

Primary Button Color

Controls the background color of primary buttons, such as the navigation buttons that navigate between tabs.

Primary Button Text Color

Controls the text color of primary buttons.

Secondary Button Color

Controls the background color of secondary buttons, such as the button that applies coupon codes.

Secondary Button Text Color

Controls the text color of secondary buttons.

Link Color

Controls the color of hyperlinks.

Custom CSS

You can enter custom CSS styles in the Custom CSS text box.

CSS can be directly entered, meaning you do not have to wrap styles in a <style> tag.