Customising Your Calculator Branding
How to customise your calculator widgets with your own colours, logo, and fonts to match your brand.
Accessing Branding Settings
- Log in to your CalcWidgets Dashboard
- Click Branding in the sidebar
- You'll see a live preview of your calculators as you make changes
Customisation Options
Logo
Upload your company logo to display at the top of your calculator widgets.
- Formats: PNG, JPG, SVG
- Recommended size: Square or landscape, at least 200px wide
- Tip: Use a transparent PNG for the cleanest look
Primary Colour
Your primary colour is used for buttons, links, and accents throughout the calculators. Enter a hex colour code (e.g. #1E40AF) or use the colour picker.
Secondary Colour
Used for secondary elements, hover states, and backgrounds. Choose a colour that complements your primary colour.
Font
Select from a range of web-safe and Google Fonts to match your website's typography.
Live Preview
As you adjust your branding settings, the preview panel updates in real time. This lets you see exactly how your calculators will look before saving.
Saving Changes
Click Save Changes when you're happy with your branding. Changes take effect immediately across all your embedded calculators — no need to update embed codes.
White-Label Option
On the Professional plan, you can completely remove the "Powered by CalcWidgets" branding for a fully white-label experience.