> For the complete documentation index, see [llms.txt](https://learn.reptile.app/help-guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.reptile.app/help-guides/getting-started-on-cms/reptile-editor-and-tools/app-design/widgets/style-your-widgets.md).

# Style your widgets

You can style your widgets using the right-hand panel, which contains all the design and customisation tools. Select a widget to style it individually, or switch to the ‘Global Styles’ tab to apply consistent styling across all widgets, perfect for keeping your app aligned with a specific theme or brand. Click the Advanced CSS button to edit the HTML and fine-tune the styling of your widgets for greater control. If you want to protect a widget from being changed by global styles, use the ‘Lock Widget’ function.

<figure><img src="/files/ANrhWBfdwkBD25i2r4L1" alt=""><figcaption></figcaption></figure>

When you’re done, hit Preview to see how your changes look when applied to the widgets and click save to keep all of your changes.