> For the complete documentation index, see [llms.txt](https://docs.crowdwork.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.crowdwork.com/the-academy/crowdwork-academy/custom-styling-solutions.md).

# Custom Styling Solutions

Where to start when you want CrowdWork to match your brand, on your own website or on crowdwork.com.

CrowdWork shows your events in two places, and each is styled a different way. Pick the one you want to change.

## The Widget on Your Own Website

The calendar or cards you embed from [**Theatre > Embeds**](https://crowdwork.com/dashboard/embeds). It sits inside your website, so you style it with a little CSS on your site, and it's the best way to make CrowdWork match your brand.

* **Start here:** [Style Your Widget (Start Here)](https://docs.crowdwork.com/the-academy/crowdwork-academy/custom-styling-solutions/match-the-widget-to-your-brand). One block of copy-and-paste CSS with a light and a dark palette; edit a few colors at the top. No coding knowledge needed.
* **Let AI do it:** [Style Your Widget With AI](https://docs.crowdwork.com/the-academy/crowdwork-academy/custom-styling-solutions/style-your-widget-with-ai). Copy one message into ChatGPT, Claude or another AI assistant, add your website address, and it fills in the starter kit colors to match your site.
* **Comfortable with CSS?** The [Widget CSS Reference (Advanced)](https://docs.crowdwork.com/the-academy/crowdwork-academy/custom-styling-solutions/embed-widget-styling-guide) covers every class, the default styles, and recipes like dark mode.

## Your Pages on crowdwork.com

Your Shows, Classes and event pages, and checkout. These pages come ready to use, and they already show your theatre's name and event images.

* **For people comfortable with CSS:** [CrowdWork.com Page Styling (Advanced · Community Guide)](https://docs.crowdwork.com/the-academy/crowdwork-academy/custom-styling-solutions/crowdwork.com-page-styling-community-guide). Button and font changes, plus an important note about how these styles interact with your cookie notice.

## Good to Know

* **Styling changes how things look, not what they do.** Prices, dates, availability and checkout always come from your Dashboard.
* **Test on a phone** as well as a computer after any change.
* **Haven't embedded a widget yet?** [Embedding a Widget](https://docs.crowdwork.com/for-theatres/embedding-a-widget) walks you through it, and the [Platform-Specific Embedding Guides](https://docs.crowdwork.com/the-academy/crowdwork-academy/embedding-widgets-on-specific-platforms) cover Squarespace, WordPress, Wix and more.

{% hint style="info" %}
**About support:** custom CSS is yours to own. We can help with the widget itself, but troubleshooting custom styles falls outside our support scope. [Contact us](https://docs.crowdwork.com/contacting-support) with any other widget question.
{% endhint %}