CSS on Obsidian

Question

This topic is about obsidian, 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

I'm using cssclass on metadata from Home page

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

score 1 · Accepted Answer · answered Jul 15 '23 at 23:14

There is predefined metadata, and the cssclass option allows you to style individual notes using CSS snippets.

For example:

---
cssclass: home-note
---

Try changing your custom CSS as follows:

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

This style the .dataview elements that are inside elements with the home-note class.

CSS on Obsidian

1 Answers1