diff --git a/enter/Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md b/enter/Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md index b399641..07039fa 100644 --- a/enter/Coding Tips (Classical)/Project Vault/Obsidian/Obsidian Guides/Digital Garden Plugin.md +++ b/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