Obsidian CSS snippets

Obsidian CSS snippets I code and/or frankenstein together. If applicable, the credits can be found down below and in the files.

I am by no means skilled in CSS, I am learning as I go. If you found an issue, I can certainly take a look, but I may not be able to help you. We can always brainstorm together. If you found a solution or something you would like to add or change, feel free to fork this repository and/or make a pull request.

Overview

Scrollable Callouts ¹
Make any callout scrollable. 6 line height options, customisable with Style Settings.

How to use

See the respective folder for a README instruction-file.

How to install

Dektop (https://obsidian.md/help/snippets):

Open Settings > icon.
Under Appearance → CSS snippets, select Open snippets folder > icon.
In the snippets folder, create a CSS file that contains your snippet.
In Obsidian, under Appearance → CSS snippets, select Reload snippets > icon to see the snippet in the list.
Enable snippet by clicking the toggle.

You can also navigate to the snippets folder in your file manager. Navigate into your vault folder, then into .obsidian. Here you should find a folder labelled "snippets". If not, you can create one. Place the .css file in here.

The .obsidian folder is hidden by default (note the . on front). To make it visible, press CTRL + H. (On Linux atleast)

For mobile, please follow the instructions on the Obsidian Website linked above.

Credits

1. calloutScrollable.css is based on Scrollable Callouts found in Obsidian-Callouts by breezy-codes, available at https://github.com/breezy-codes/Obsidian-Callouts under GPLv3

the .css file explains the changes I made

License

This project is licensed under GPLv3, as stated in LICENSE and below.

Copyright (C) 2026 IamBugs

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>.

obsidian-css-snippets