Customizing the look of Hudu

   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: 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!


Was this article helpful?
0 out of 0 found this helpful