Updated: Sunday, August 27,2023-08-27 14:59:18

enter/Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md

@@ -93,7 +93,7 @@ dg-metatags:
 
 Note that there is a single space before the "description" field, **not** a tab.
 
-- Adding customThis feature can be used if you want custom titles and images when sharing links in social media. Using the example below will add a title and an image that will be used when sharing the link in social media.
+- **Adding custom title & image in metadata :** This feature can be used if you want custom titles and images when sharing links in social media. Using the example below will add a title and an image that will be used when sharing the link in social media.
 
 ```
 dg-metatags:
@@ -109,7 +109,17 @@ Read more about the [Open Graph Protocol](https://ogp.me/)
 
 ### CSS 
 
-1. Customizing Icons. 
+- **Body classes :** You can set custom classes to the body tag for your published notes, by using the 'dg-content-classes' attribute.
+
+```
+dg-content-classes: cards
+```
+
+This will add a "cards" class to your note, allowing you to customize each note with specific classes.
+You can also change the frontmatter key used to specify this in [the appearance settings](https://dg-docs.ole.dev/getting-started/04-appearance-settings/#css-settings). So, for example, if you are using [Minimal Theme's cssClasses](https://github.com/kepano/obsidian-minimal#css-helper-classes) you can change the key to 'cssClasses', meaning you don't have to specify the classes twice.
+
+
+- **Customizing Icons.** 
 Navigate to `repo/src/site/img` to drop the icon .svg file there and then navigate to `repo/src/site/styles` to edit the `custom-style.css` file.  
 ###### via [Digital Garden Docs. ](https://dg-docs.ole.dev/advanced/note-specific-settings/#note-icons) - Changing and adding icons