What I’m trying to do I’m trying to use the cssclasses property and I cannot get it to work. I’ve not found recent related issues. The css I’m using works; it modifies a dataview table heading. When the css is enabled under Options>Appearance>Snippets, the table looks like this in Reading mode: […

Unlike CSS Snippets, the cssclasses property doesn’t use the filename. Instead, you have to create a new CSS class name inside of your Snippet, then invoke the new class name. For example, let’s say your dataview_tables.css Snippet had the following new class added called my-table-full-width .my-t…

dataview_tables.css /* header row bg colour */ .my-dv-tables thead { background-color: #37373a; } /* th font weight and size */ .my-dv-tables .markdown-preview-view th, .my-dv-tables table.dataview.table-view-table th { font-weight: 600; font-size: 0.97em; border-bottom: none; bo…

Thank you so much for that! I didn’t read that anywhere, or if I did, I didn’t clue in at all. Just so that it is crystal clear in my mind… I create a snippet, and I enable it. I include a class name that could not conflict with anything in Obsidian, so “my-this-or-that”, and this is important b…

It looks like we both posted simultaneously. See my above post for a solution using your existing settings.

[image] Lise: I create a snippet, and I enable it. I include a class name that could not conflict with anything in Obsidian, so “my-this-or-that”, and this is important because the snippet is always “on”, but it can’t do anything because the classes don’t exist per se. I could stick in a bunch …

A couple more links describing how to style Dataview queries… [image] How to target Dataview queries for CSS styling Share & showcase This thread will show some of the options available for styling the result of your Dataview queries by providing you with CSS …

Thanks for that link. Super useful.

Good luck Lise! I’m going to move this over to the custom CSS category.

Sure. I would suggest a small paragraph be added to the documentation about how the cssclasses property uses a class name as its value (and what that entails) and not the name of the snippet.

I think it’s probably hard to decide what CSS examples to put in the official help docs as there’s so much variation in what people what to do. A simple example of how to use cssclasses would be a good one though. As the bottom of https://help.obsidian.md there’s a Github link where you can post co…

I can't get the property cssclasses to work

Devs: Theme Design & Custom CSS

FsOver2 January 29, 2025, 2:29am 7

A couple more links describing how to style Dataview queries…