Knowledge base / Designing Event Website

How to Change the 'Add to Calendar' Button Color Using CSS Manager

Last updated Jul 19, 2026

Question

Where can I change the color of the 'Add to calendar' button in the event countdown widget? Currently, it appears pink/red but should be bright red.

Answer

There is no dedicated button or option in the Dryfta admin interface specifically for changing the color of the 'Add to calendar' button. However, you can customize this and other design elements using the CSS Manager feature. To do this, follow these steps:

1. On the frontend of your event website, use your browser's inspector tool to locate the CSS selector for the 'Add to calendar' button.
2. Create a CSS rule with your desired color for the button (e.g., button { color: #FF0000; } for bright red).
3. Copy this CSS rule.
4. Paste the CSS rule into the CSS Manager in your Dryfta backend to apply the style site-wide.

Make sure to save your changes in the CSS Manager and clear any site caches if applicable. Note that some users have experienced the default color overriding custom CSS due to incorrect color values; ensure that you enter valid CSS color codes (e.g., #FF0000 for red, not #000 which is black).

Keep in mind that Dryfta support is limited to proprietary features; we do not provide assistance with custom CSS coding. Testing your CSS changes through your browser’s developer tools before pasting them into CSS Manager is recommended to confirm correctness.

Tags: css, customization, button-color, add-to-calendar, frontend

Was this article helpful?

Related articles

Still need help?

If this article does not answer your question, send us the details and we will help.

Contact support