Tourial Product Documentation
  • 👋Welcome - Meet the Micro Tour
    • Planning Tours with AI
    • Building Tours with AI
  • 🏁Best Practices & Launching
    • Tour Building Best Practices
    • Before you Launch Check-List
  • 🏗️Building
    • Interactive Demos
      • Record
        • Chrome Extension
          • Downloading the Chrome Extension
          • Troubleshooting
            • Full page screenshot not working
        • Importing Media
      • Edit
        • Interactive Tools
          • Advanced Features
        • Timed Tools
        • Video Trimming
      • Branding
      • Mobile-Optimization
      • HTML Demos (Experimental)
        • Chrome Extension (Capture)
        • Building & Editing
    • Demo Centers
      • Interactive Topics
      • Editing Styles
      • Navigation & Format
      • Supported Content in Demo Centers
        • Adding Google Slides to your Demo Center
      • Upfront Prompts
  • 🌎Sharing
    • Embedding Demos
      • Embedding Interactive Demos
        • Lightbox Embed
        • Website Embed
      • Embedding Demo Centers
      • Updating your Embed Code when changes are made
    • Tour Link Sharing
    • Demo Center Link Sharing
    • Share Links
      • How to create a share link
  • 🔢Analytics
    • Tour Analytics
    • Demo Center Analytics
  • ⚙️Admin & Settings
    • Inviting your team
    • Setting your Account Branding
    • Workspaces
      • Create & Add Users to a Workspace
    • User Management
    • White Label Your Account & Content
    • Tourial Forms
      • Form Fails
      • Hyperlinking in Tourial Forms
  • ➕Integrations
    • HubSpot
      • Instant Scheduling with HubSpot Scheduler
      • Tour Engagement Data
        • Slack Notifications with HubSpot
        • Triggering HubSpot Workflows
        • Pushing Engagement Data from HubSpot to SFDC
      • Hubspot Reporting Setup
      • TourPlayer Engagement Data
      • Lead Forms with HubSpot
      • How do I hide the chatbot?
      • How do I hide the Cookie Banner?
      • FAQs
    • Marketo
      • Lead Forms with Marketo
      • Engagement Data with Marketo
        • Slack Notifications with Marketo
        • Approving Marketo Custom Activities
    • Partners
      • G2
      • TrustRadius
    • Pardot
      • Lead Forms in Pardot
      • Engagement Data with Pardot
    • Salesforce
      • Leads Forms in Salesforce
      • Engagement Data with Salesforce
        • Add Tourial Engagement to record's Lightning page
        • Add Tourial Engagement as Salesforce tab
        • Create an SFDC report using Engagement Data
    • Zapier
    • Calendly
    • Chili Piper
    • Cross-Frame Events
      • Tours
      • Demo Centers
    • Slack
  • Security
    • SSO (Single Sign-on)
    • Uptime Reports
    • Form Compliance
Powered by GitBook
On this page

Was this helpful?

  1. Building
  2. Demo Centers

Editing Styles

Style your Demo Center to your brand!

PreviousInteractive TopicsNextNavigation & Format

Last updated 1 year ago

Was this helpful?

With Demo Center Style Editing you can...

  • Add a logo

    • recommended a logo size of at least 64px x 64px

  • Set a font

  • Enable light or dark effect

    • toggle between light and dark effects which set container backgrounds automatically

  • Set highlight & gradient colors

    • highlight sets most accent colors throughout the demo center - like the prompt button, icons, and container outlines

    • gradient affects the main CTAs (both Save & Share and the upper right button) - you may set a gradient or choose a solid color

  • Upload background images/set color

    • set color/overlay and/or upload a background image

  • Customize component borders

    • set in px for small and large buttons, containers, and more

🏗️