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

# Custom CSS

The preferred method for modifying CSS is to inspect the element, identify the class, and override its CSS styling via the Admin -> Settings -> CSS & JS tab. There, you can define your custom CSS styling overrides

For instance, to change the initial blue theme on the front page to red, you would use the following CSS:

```
.bg-primary  {
    background-color: #ff0000 !important;
}

.headroom--not-top.navbar-theme-primary {
    background-color: #ff0000 !important;
}

.btn-primary {
    background-color: #ff0000  !important;
}
```

And you can apply this method to any ID or class within the HTML.