# 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.
