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.
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.
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
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.
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.
The primary font that will be used in plugin’s front-end interface controls. Choose one that matches your theme best.