> For the complete documentation index, see [llms.txt](https://docs.openstad.org/openstad/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openstad.org/openstad/manual/how-tos/styling.md).

# Vormgeving & logo aanpassen

There are several ways to style elements & the website: modules have CSS setting, there is a pallette that allows some colors to be changed and to upload a custom logo. For more complex styling changes it's possible to upload a custom CSS sheet.

The negative site of using CSS directly is that it's a bit more complex to learn. The positive site it's a very well known system with lot of only documentation.

## Aanpassen van een logo

Een logo kan online upgeload worden worden. Dit kan voor desktop en los voor mobiel, voor sommige steden waaronder Amsterdam. ![Logo in global](https://1929732892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FteZWnRGpaZe4HXNXvrFs%2Fuploads%2Fgit-blob-21a7d3d8001245430e356ce2b969e6cb47d972db%2Flogo-in-global.png?alt=media)

Let op: dit logo wordt gedeeld met de authenticatie applicatie en e-mails. Echter hebben dit gedeelte van de applicatie geen “draft” status zoals in het CMS beschikbaar is. Dit betekent dat logo pas zichtbaar is bij inloggen en e-mail zodra deze “commit” wordt.

## Customize basic styling with the palette (colors & logo)

![Palette in menu](https://1929732892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FteZWnRGpaZe4HXNXvrFs%2Fuploads%2Fgit-blob-ba1a123c2130f3f299d1afb9c3a819c085a10f82%2Fpalette-in-menu.png?alt=media)

![Palette open](https://1929732892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FteZWnRGpaZe4HXNXvrFs%2Fuploads%2Fgit-blob-ba54a98906a63b4caaf60a2983f173567f09de45%2Fpalette-open.png?alt=media)

## Customize widget styling with CSS

![Section layout](https://1929732892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FteZWnRGpaZe4HXNXvrFs%2Fuploads%2Fgit-blob-f9dcee717a0879b0f4a96c473f13c02c0e43ec53%2Fmodule-styles.png?alt=media)

## Customize site styling external stylesheet