Customize Your Site with CSS

You can customize the appearance of your DataHub Cloud site by adding a custom.css file to your site's repository.

File Location

Place the custom.css file in:

The root directory of your repository, or
The directory specified in your site's "Root Directory" setting (if you're publishing from a subfolder)

Creating the File

Create a new file named custom.css in the appropriate location
Add your CSS rules to customize colors, fonts, layouts, and more
Commit and sync your site to apply the changes

Important

When using h1 tags in custom components, you must set display: block !important; in your CSS due to how page titles are handled internally.

For a detailed guide on styling your site, including examples and step-by-step instructions, check out our CSS styling tutorial.