Skip to content

Commit 61b2cf7

Browse files
committed
Add simple docs page on custom CSS in DHC
1 parent 5be8bc3 commit 61b2cf7

File tree

3 files changed

+22
-307
lines changed

3 files changed

+22
-307
lines changed

datahub-cloud/Customize Your DataHub Cloud Site with CSS.md

-226
This file was deleted.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
---
2+
title: Customize Your Site with CSS
3+
---
4+
5+
You can customize the appearance of your DataHub Cloud site by adding a `custom.css` file to your site's repository.
6+
7+
## File Location
8+
9+
Place the `custom.css` file in:
10+
- The root directory of your repository, or
11+
- The directory specified in your site's "Root Directory" setting (if you're publishing from a subfolder)
12+
13+
## Creating the File
14+
15+
1. Create a new file named `custom.css` in the appropriate location
16+
2. Add your CSS rules to customize colors, fonts, layouts, and more
17+
3. Commit and sync your site to apply the changes
18+
19+
> [!important]
20+
> When using h1 tags in custom components, you must set `display: block !important;` in your CSS due to how page titles are handled internally.
21+
22+
For a detailed guide on styling your site, including examples and step-by-step instructions, check out our [CSS styling tutorial](https://datahub.io/blog/style-your-datahub-cloud-site-with-css).

datahub-cloud/custom.css

-81
This file was deleted.

0 commit comments

Comments
 (0)