Customizing Design in Amelia WordPress Booking Plugin

Design of Amelia front-end forms and inputs relies on just several basic colours and styles. It makes the customisation of the design incredibly smooth and straightforward, so you can adjust Amelia to match any corporate branding and WordPress theme.

To customize the design go to your WordPress Admin panel with an admin account, there go to Amelia » Customize. There you will see the WYSIWYG style customizer. All changes are visible in realtime in the righthand preview box, and after you click “Save” the configured style will apply for all front-end forms.

Customize Amelia WordPress Appointment Booking Plugin design

Primary Color

This setting defines the primary color which is used for the most highlighted controls and parts of the user interface – buttons, switches, etc. It is best to match this color with your primary brand color, such as main logo color.
Default: #1A84EE

Primary Gradient

The two colors in this setting define the gradients on elements such as Calendar, or default cover for Service Catalog. Play around with the setting to see what matches your website design best.
Default: #1A84EE & #0454A2

Text color

The main text color that will be used in labels, dropdowns, etc. It is best to match the color to your theme’s palette, as some of the plugin’s elements do not have any background and will inherit it from the theme.
Default: #354052

Text color on Background

Text color that will be used in elements that do apply gradient or primary color background. Choose a color which contrasts enough with the colors you defined in settings above.
Default: #FCFDFF


The primary font that will be used in plugin’s front-end interface controls. Choose one that matches your theme best.
Default: Roboto

Buy Amelia