The Background, Header, and Footer Settings section of the Customize Appearance tab allows you to customize display settings for the floating cart body, and for the floating cart section headings.

Floating Cart Body

Select background and border colors to display in your floating cart. You may select colors for each of these options in one of two ways:

• Click on the color swatch, and select a color from the color palette.
  
• Enter a hexadecimal value for the color you wish to use. For example, if you would like the background color of your floating cart to be white, you could enter the hexadecimal value for white, which is FFFFFF.

Currently, there is a known issue with the background color displayed behind the Checkout button in the Styles and Colors Preview module. Learn more.

Floating Cart Header and Footer

Floating Cart Header and Footer settings are applied to section headings for the expandable sections displayed in your floating cart: Item(s), Shipping Calculator, and Coupon/Promotion Code.

Use the Type pull-down menu to select a font type to be used in these regions.

You may select a font color and a background color using the corresponding color swatches for these options, or by entering hexadecimal values. For information about entering hexadecimal values, see the Floating Cart Body section, above.

Your floating cart body, header, and footer settings will be displayed in the Styles and Colors Preview module in the Customize Appearance tab. You may also preview these settings in Store Editor using the Save & Preview button. Once you've finished making font type and color selections, save and publish your changes in Floating Cart Manager. Previewing your changes before publishing is recommended.

Floating cart body, header, and footer settings may also be customized using custom CSS. This is an advanced option, recommended only for developers or merchants familiar with CSS.