As of v0.9.4.0+
How to use Branding Customization?
What are all customizable using branding customization?
- The Booking widget's accent color.
- The Booking widget's font.
How to change the booking widget's accent color?
Navigate to WP Admin › WPCal › Settings › General Settings.
Scroll down to the Branding section.
Please enter your brand's accent color to match the website's theme in hex format. E.g. #eee, #eeeeee.
![](https://firebasestorage.googleapis.com/v0/b/hndesk-prod.appspot.com/o/docs%2F5b975a8dff056b6ff9fcaccb%2F65f5ff5dbdb1f21e7942e2c2%2F1710620538165_image.png?alt=media&token=28e03d96-fb5a-4ca6-9b25-3e9f19c5b218)
Save it.
We will automatically use a lighter shade as the background on certain elements.
How to change the booking widget's font to match the website's font?
Navigate to WP Admin › WPCal › Settings › General Settings.
Scroll down to the Branding section.
Enable the "Use the website's default font for the booking widget." option
![](https://firebasestorage.googleapis.com/v0/b/hndesk-prod.appspot.com/o/docs%2F5b975a8dff056b6ff9fcaccb%2F65f5ff5dbdb1f21e7942e2c2%2F1710620545069_image.png?alt=media&token=814c2581-84a1-4a5e-94ef-1f0aa1b21e8e)
Save it.
Note: The website font used just above the WPCal shortcode's parent tag will be used for the entire booking widget.