Available NOW: Customizing Colors for Embedded Widgets

Featured Completed

Comments

17 comments

  • Avatar
    Rotaiv Solutions. (Edited )

    It should be mentioned in the post that this is a PRO-ONLY feature. Not available to free OR premium users. Personally, I won't be resubscribing to gain access to this feature but I'm not freelancing anymore so I'm no longer the target audience. I might be tempted to upgrade from premium to pro but probably not for this feature alone. Honestly surprised they didn't release this as a microtransaction, I'd probably throw them a few bucks as a one-time addon.

    -2
    Comment actions Permalink
  • Avatar
    Kenneth Obel / goodcounsel

    You have to be a Pro level user to get color? After all this time?

    Not good.

    2
    Comment actions Permalink
  • Avatar
    Andrew Broadbent

    Tim - colours. amazing.

    Side note - we've been asking for a waitlist now for 2 plus years

    So have many others.

    What's happening?

    4
    Comment actions Permalink
  • Avatar
    Steven Paredes

    I get that you want to make your tool to look cool for the kids, but when can you actually provide upgrades that make sense. Like branding our company logo, and I am not talking about simply allowing a THUMBNAIL on each users account. This feature is what is keeping us from renewing the subscription to 15 licenses.

    Can your team comment on the lack of this functionality, and why it has not been considered for the last 3 years??

    5
    Comment actions Permalink
  • Avatar
    Eric Rounds

    I just upgraded to Pro, thinking it would NOT show the "Calendly" logo .branding - But it does and I can't figure out how to hide it.

    7
    Comment actions Permalink
  • Avatar
    A.I. Director

    Hey, you can go to "Account Settings>Branding", the remove calendly branding

    1
    Comment actions Permalink
  • Avatar
    CIO Mastermind

    How do I change the 6 digit color code? I can't seem to edit the three colors by putting in my specific colors. Why?

    0
    Comment actions Permalink
  • Avatar
    Our Pet Beyond (Edited )

    Hey CIO, change the color as close as you can to what you want, then edit the hex in the source code ;)

    Look for primary_color=c010rs

    1
    Comment actions Permalink
  • Avatar
    Living Room Conversations

    I did this, but it did not allow me to type in my own code?? I see the box with the hex codes that I SHOULD be able to change but it is not allowing me.

    0
    Comment actions Permalink
  • Avatar
    Jarod Thornton

    Correct. You will need to copy this code (to be used where you want it embedded) and change it there. The box the code is showing within is not editable. It is for copying. Once you have it copied, paste it where you want it to display and THEN change the code :)

    0
    Comment actions Permalink
  • Avatar
    Neil Morecraft

    But yet still no ability to amend the CSS so your font is my font, right? Or am I missing something?

    1
    Comment actions Permalink
  • Avatar
    James Goodhew

    @Neil me too - I see that the widget references to widget.css on Calendly, but I don't know how to edit it...

    0
    Comment actions Permalink
  • Avatar
    Jarod Thornton

    @james the script in question outputs an iframe and there isn’t a straightforward way to override the CSS of an iframe source. :(

    0
    Comment actions Permalink
  • Avatar
    James Goodhew

    @Jarod thanks for the answer, it helps understand - but seriously it's a basic function, to be able to customise the look and feel of my booking links... Sure I can just create a normal hyperlink on my website for the inline text one, but the booking button, the popout text... Definitely need to be able to move that around a little to avoid other details on the site... Plus why can't I have a normal button that stays in the same place on my site, that looks just like my floating one? It's all way too locked away for my liking...

    0
    Comment actions Permalink
  • Avatar
    Jarod Thornton (Edited )

    @james You can use some vanilla Js to achieve a better working solution. I wouldn’t say it’s locked away as much as it’s a slightly more advanced to further customize. What’s the website you’re trying to work this out on?

    0
    Comment actions Permalink
  • Avatar
    James Goodhew

    Hey @Jarod thank you man I really appreciate you trying to help me out. I found a help file on Calendly for moving the button out of the way of my up arrow. It was designed to move it off left or centre but I adapted it and it works now :)

    For the in-line 'button', I've now got a (relatively) standard WordPress button from SU (can't remember what it stands for but it's a plugin with lots of blocks I can use). Changed the colour of it, but can't figure out how to change the font. I gather something to do with HTML 5 meant fonts now use font-family, but I can't figure out where to put it (or what font Calendly use!). 

    My site is www.dreamcocreators.com - I have my floating button from Calendly as you'll see, other button near the top of the home page. It would be nice to use the Calendly button, since it's already styled out and will update as Calendly is updated over time... I just couldn't make head nor tail of how. I know a little about html tags and a fair bit of VBA but this is a new game... 

    0
    Comment actions Permalink
  • Avatar
    Shorecrest Admissions

    Changing the Hex # changes the color on the calendar, but not the screen before the calendar, with our event selections, which still shows blue dots next to each selection. Can those blue dots be changed?

    0
    Comment actions Permalink

Please sign in to leave a comment.