Streaming live at 10am (PST)

Text colour help calendly


Can someone help me with changing colour font from Calendly?

It shows the default font colour - I just want to the font colour to be white…? I have styled it in the style panel and on the code with no luck!! Please help

Here is my site Read-Only:
(how to share your site Read-Only link)

Hi @Kajv - Can you unlock the “new-home” page so that we can see it with a browser, or provide a password to the page? Scripts won’t render in the designer. Then we could take a look.

hiya it’s ROyalDW123

sorry it’s RoyalDW123

You have a more specific rule that is overriding your .appointment class rule. You could set the style for that element in your custom code embed.

<a href="" onclick="Calendly.initPopupWidget({url: ''});return false;" style="
color: #FFFFFF;">Schedule time with me</a>

Another method would be to have a link on a styleguide page with a class and rule. Then add that class to the anchor. Then you could control the look from the styleguide page.

1 Like

YOU’RE the best!! Thank you so much! :raised_hands::grinning:

1 Like

Great. Glad to help. I marked my answer as the solution to your problem. In the future, that is something you can do when someone provides a solution to your problem. Have a great day!

Thank you. Your code helped me with button text color, but how can I get rid off underline? Thank you in advance.

@d.ts - You could modify the link with an additional style rule of text-decoration:none as shown in the code block below.

<a href="" onclick="Calendly.initPopupWidget({url: ''});return false;" style="color: #FFFFFF;text-decoration: none;">Schedule time with me</a>
1 Like

Many thanks :slight_smile: