Synamate™ Help Center
Get Your Free Trial Here
  • 👋Welcome to Synamate!
  • 🆕Changelog
  • Synamate Modules
    • Dashboard
    • Conversations [Team Inbox]
      • Manual Actions
      • Conversation Templates
      • Trigger Links
    • Calendars (Appointments)
      • Creating Calendars
        • Calendar Availability
        • Forms & Payments
        • Notifications & Additional Options
        • Calendar Customizations
      • Calendar Settings
      • Calendar Groups
      • Calendar Dashboards
      • Automatic emails for appointments
      • Appointments Management
      • Other Tutorials for Calendars
        • Changing Team Member Availability
        • Change Meeting Location
        • Simple Calendar - Sync Options
    • Contacts (CRM)
      • Import & Export Contacts
      • Tags
      • Smart Lists
      • Tasks
      • Custom Fields
      • Company
    • Pipelines (Opportunities)
    • Payments
      • 🧾Invoices
      • 📃Documents & Contracts
      • 🔗Payment Links
      • 📦Products
      • 🎟️Coupons
      • ⚙️Payment Settings
      • 💳Payment Gateway Integrations
    • Marketing
      • Social Planner
      • Emails (Email Marketing)
      • Trigger Links
      • Brand Boards
    • Automation
      • Premium Triggers and Actions
    • Sites
      • Funnels
      • Websites
      • Funnel/Website Builder
      • Blogs
      • Client Portal
      • Forms
      • Surveys
      • Chat Widget
      • URL Redirects
      • Domains
    • Memberships
      • Courses
      • Communities
        • Creating a Community in Synamate
        • More Info
      • Certificates
    • Media Storage
    • Reputation
    • Reporting
      • Facebook Pixel Setup
      • Facebook Conversion API Setup
      • Facebook Reporting
    • Settings
      • Business Profile
      • My Profile
      • Company Billing
      • My Staff
      • Calendars (Settings)
      • Phone Numbers
      • Reputation Management
      • Custom Fields
      • Custom Values *
      • Domains
      • URL Redirects
      • Integrations
        • Zoom Integration
      • Email Services
        • Achieving Email Compliance in 2024
      • Tags
      • Labs
      • Audit Logs
    • Custom Values
    • Synamate Payments
    • Media
  • How To Tutorials
    • How to Setup your VSL Funnel in Synamate
    • How to Setup your Webinar Funnel in Synamate
    • How to Create a form with Conditional Logic
    • How to Access LMS from mobile (For Students)
    • How to Show/Hide Elements on your Landing Page
    • How to Add a form inside a Video Using Synamate
    • Connect your Facebook Lead form with Synamate
    • Add a new Sales Closer to your Synamate account
    • UTM Parameters
    • Youtube Play Button on Hosted Videos
    • Email Sequences
    • Delay Elements - Wistia & Vimeo
    • Setting up Home Page for Domain
    • Upload Favicon (Site Icon)
  • Whatsapp (AppsMeet Integration)
    • Introduction & Pricing
    • Step 1 - Signup for WA Business and add a Phone Number
    • Step 2 - Create Templates
    • Step 3 - Verify your Meta Business Manager
    • Step 4 - Linking your Appsmeet with Synamate account
    • Step 5 - How to send WA Messages through Synamate
    • WhatsApp Tutorials
Powered by GitBook
On this page

Was this helpful?

  1. How To Tutorials

Youtube Play Button on Hosted Videos

How to make the hosted video play button youtube styled

PreviousUTM ParametersNextEmail Sequences

Last updated 2 years ago

Was this helpful?

By Default the hosted video play button will look like the below image

In order to make the video play button youtube styles you need to insert a small and simple copy paste custom code.

Step 1: Edit the Funnel/website step you have hosted video on and Click on Settings and go to Custom CSS as shown below

Step 2: Now in the popup you'll get insert the code from below (Copy paste it) and click on save.

.hosted-video-thumbnail::after {
    background-color: red !important;
    line-height: 1.8em !important;
    height: 1.9em !important;
    border-radius: 0.4em !important;
}

Don't forget to click save on top right corner of funnel builder.

[Optional] - If you don't want the white border in any case, you can copy paste the below code

.hosted-video-thumbnail::after {
    background-color: red !important;
    line-height: 1.8em !important;
    height: 1.9em !important;
    border-radius: 0.4em !important;
    border: none !important;
}

That's it, you have a youtube styled play button on your hosted video now!

Once you have copy pasted the code, you can click on save.
Hosted video's original play button
Inserting css code in page builder
Inserting simple css code in CSS editor of page builder in synamate
Youtube styled play button