Templates

Customize Your Theme


Every Addagio template is fully customizable. Match your booking page to your brand identity without any coding required.


Accessing theme settings


Go to Dashboard → Settings → Template → Customize to open the theme editor. Changes preview in real-time on the right side of the screen.


Color customization


Each template uses a color system you can adjust:


Primary color — Used for buttons, links, and accent elements. Choose a color that matches your brand.


Background — The main page background. Options range from pure white to warm cream to dark mode.


Text colors — Automatically adjusted based on your background choice for optimal readability.


Card colors — Background color for service cards, booking widgets, and other contained elements.


Typography


Choose from curated font pairings that work well together:

  • Classic — Playfair Display headings + Inter body
  • Modern — Plus Jakarta Sans throughout
  • Elegant — Cormorant Garamond headings + Lato body
  • Bold — Syne headings + Work Sans body
  • Minimal — Inter throughout

  • Each pairing is tested for readability across all screen sizes.


    Spacing and layout


    Adjust the overall feel:

  • Compact — Tighter spacing, more content visible
  • Comfortable — Balanced spacing (default)
  • Spacious — More breathing room, premium feel

  • Custom CSS


    For Pro and Business plan users, you can add custom CSS to further customize your page. This is for advanced users comfortable with CSS. Access it from Theme → Advanced → Custom CSS.


    Saving and publishing


    Changes are saved as drafts until you click "Publish". This lets you experiment freely without affecting your live page. You can also revert to the last published version at any time.


    Mobile preview


    Always check the mobile preview before publishing. Over 60% of booking page visits come from mobile devices. Use the device toggle in the theme editor to preview both desktop and mobile layouts.

    themecolorsfontscustomize