The Live Editor/Design Settings feature of Xpansion app is a powerful tool that allows users to customize the appearance of all the app blocks. With this feature, users can create a consistent design across their website, which helps to improve the overall user experience. In this documentation, we will walk you through the different design settings options available in Xpansion app.

The color scheme option allows users to choose a color palette that matches their brand or website. You can then use this color palette to customize the app blocks.

The typography option enables you to customize the font style, size, and case of heading and body text. You can also have different heading and body text sizes for mobile.

The buttons option allows users to customize the style and color of buttons primary, secondary and buy now buttons. You can select font weight, sizes and customize border settings.
​

The products option enables you to change product image ratio, change sale label background color and select whether you want to Show 'incl. - or excl. tax' text.

The banners option allows users to create and customize notifications by the app blocks.

There are 3 states as of now Success, Critical and Warning.

The form styling options allow you to customize form fields, inputs and checkboxes.

The popups option allows users to customize the popup background color and button colors displayed in the popup.

The icons option enables users to choose icon style from filled or outline and you can also define a general color scheme for icon colors.

The Live Editor/Design Settings feature of Xpansion app is a powerful tool that allows users to customize the appearance of all the app blocks. With a wide range of design settings options available, users can create a unique and consistent look for their website that aligns with their branding.