# "How to achieve" CSS code snippets

**URL:** <https://forum.obsidian.md/t/how-to-achieve-css-code-snippets/8474>\
**Category:** Themes & CSS snippets\
**Tags:** custom-css\
**Created:** [November 12, 2020, 3:29pm UTC](https://forum.obsidian.md/t/how-to-achieve-css-code-snippets/8474 "2020-11-12T15:29:49Z")\
**Posts on this page:** 1\
**Showing post:** 187

<div class="post-metadata">

**Author:** ![Klaas](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/k/ecc23a/32.png) [@Klaas](https://forum.obsidian.md/u/Klaas)\
**Post date:** [August 25, 2021, 3:46pm UTC](https://forum.obsidian.md/t/how-to-achieve-css-code-snippets/8474/187 "2021-08-25T15:46:54Z")

</div>

Sometimes, like e.g. when we need to discuss an Obsidian issue with someone, we need to provide a screenshot of a note. If it happens the note has confidential info we don’t want anyone else to read it.

@Moonbase59 has written an extremely useful piece of CSS code to easily garble text, as well as images. His code has some more features over and above _kurakart_’s Garble Text plug-in. You can read Matthias’s spiel about it [**here**](https://forum.obsidian.md/t/garble-text-on-screen-to-hide-private-info-with-added-features/23143).

In fact, ideally you should install the plug-in in conjunction with Moonbase59’s snippet. It makes using the snippet much easier, esp. on iOS devices. Also, with the plug-in you can set a hotkey combo for the plug-in that will toggle garble/ungarble.

I have added Moonbase59’s snippet to the Github repository. In order to avoid creating too many snippet files in the repository I have added the snippet under _Font_, as that is what is most affected by this tool.

The link to the Github repository is given in the OP at the top of this page. On the Github page scroll down to _Font.md_ and click on it to open, and scroll down a bit.

Enjoy.

---

_[View the full topic](https://forum.obsidian.md/t/how-to-achieve-css-code-snippets/8474)._
