make background transparent on embed

Completed

Comments

5 comments

  • Official comment
    Avatar
    Kendall Berger

    Hi all,

    You can now customize the color scheme of your page when you embed Calendly - including the background color - so that your embedded Calendly page is better aligned with the brand and look of your website. Check here for more details!

    Best,

    Kendall at Calendly

    Comment actions Permalink
  • Avatar
    Objective Pathology Services Limited

    This here too. In HTML, transparent is a colour. I love Calendly's function, but the customizability is ew level 9000 as OP said. Absolutely unusable in client websites.

     

    And.. no answer from Calendly to OP in THREE YEARS?

    0
    Comment actions Permalink
  • Avatar
    Objective Pathology Services Limited (Edited )

    Kendall, that's great... what, exactly, is the code to make the background transparent?

    As far as I can see, there is no customization of the background AT ALL - your changes are on the panel, and the background, as the OP said, is effectively white. rgb(251,252,253) to be exact, and as of today, you can even see this hard-coded in  your widget.

    0
    Comment actions Permalink
  • Avatar
    Kendall Berger

    Hi there,

    You are able to change the background color of the container that holds your Calendly details. Outside of that container, the background will be transparent when you embed your link (no additional code needed, this happens automatically when you use the embed code we provide in-app)!

    If this customization doesn't meet your specific needs, would you mind clarifying what part of the embedded Calendly page you need to be transparent? I would love to have a better understanding of the aesthetic look you are trying to achieve!

    Thanks,
    Kendall

    1
    Comment actions Permalink
  • Avatar
    Elliot Olson

    Kendall,

    Outside of the container is not transparent and I'm trying to make it so. Embedding on a page I'm creating in Unbounce. Any idea how to get background transparent and also increase the size of the calendar? It's showing up pretty small. Thanks!

    0
    Comment actions Permalink

Please sign in to leave a comment.