This article has been moved!
We've recently updated our support center articles - Please bear with us while we make the transition. This article can now be found here!
In order to change the CSS, you will need to go to Admin >> Design and then enter styles in the Custom CSS Field.
When choosing colors to style your Hudu with, we typically recommend using a service like: https://coolors.co/. This gives you a neat way to match palettes and create a aesthetically-pleasing color scheme.
Some common requests we have gotten from clients:
Changing header color
Dark theme
.header { background: #000; }
Light theme
.header { background: white; } a.header__a { color: #5b17f2; } a.header__a:hover { background: #5b17f2; } .header__a {color: black; }.header__a i {color: #000;}
Changing background color
body { background: #EEE; }
Changing buttons
.button--primary, .form input[type=submit] {
border: 1px red solid !important;
background-color: red !important;
background: red !important;
color: white;
}
Have a theme you want to share? Let us know!