Streaming live at 10am (PST)

Text colour help calendly

Hello

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: https://preview.webflow.com/preview/royaldestinationweddings?utm_medium=preview_link&utm_source=designer&utm_content=royaldestinationweddings&preview=162991c8af451a88c30ebcb5ae00dce1&pageId=5c8275ede84c61ae3f73a893&mode=preview
(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: 'https://calendly.com/kaj-4/wedding?text_color=fffff'});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!

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

https://preview.webflow.com/preview/dmytros-fabulous-project?utm_medium=preview_link&utm_source=designer&utm_content=dmytros-fabulous-project&preview=32722c499153a885a977d1490689a9be&mode=preview

@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: 'https://calendly.com/kaj-4/wedding?text_color=fffff'});return false;" style="color: #FFFFFF;text-decoration: none;">Schedule time with me</a>
1 Like

Many thanks :slight_smile: