How to change the css of the dataview only on one page

[cdangels]

I want to change the css of the dataview only on the page called Home, I can change it using the following code but I want to do it only on this page, the path is Personal/Home. Thanks

.dataview {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
}

[ariehen]

A cssclass would work here. I picked home, but it can be anything as long as you avoid something already taken.

.home .dataview {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
}

and at line one of your note (in the YAML/frontmatter):

---
cssclass: home
---

Also, if you’re going to be posting a lot of code, I’d put it in a code block. Have a look at the forum formatting tips .

[cdangels]

I’m using cssclass: dashboard, the code was like this.

.dashboard .dataview {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
}

THANKS!