# Image Adjustments %% Add a description below and remove the tag. What do you use this css snippet for? Feel free to add links to other existing notes! %% > Move/position and re-size the images in your notes within your Obsidian vault. **⚠ Note:** Might not be 100% compatible with [Lithou's Image Flags snippet.](https://github.com/Lithou/Sandbox/blob/HEAD/.obsidian/snippets/pub-Image%20Flags.css). Image grid doesn't quite work with externally images `[]()`as nicely as internally linked ones. %% Paste your template below %% --- [**Grab the snippet here**](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/HEAD/S%20-%20Images%20Adjustments.css) Included in the [[ITS Theme]]. --- %% Add a screenshot of the effect this snippet produces with edit and preview mode visible %% ##### How to use the snippet: [Readme Guide](https://github.com/SlRvb/Obsidian--ITS-Theme#image-positions) **Video Explanation:** ["Slides" from the video](https://slrvb.github.io/Site/3_Nebula/ITS-Theme/ITST_Image-Positions/) ![[Image Adjustment Snippets - ITS Theme#^image-adjustment-community-talk|clean]] # Screenshots **Positions** around the note: [![](https://raw.githubusercontent.com/SlRvb/Obsidian--ITS-Theme/main/Images/Image_Adjustments-Simple-Positions.png)](https://raw.githubusercontent.com/SlRvb/Obsidian--ITS-Theme/main/Images/Image_Adjustments-Simple-Positions.png) **Positions** within the image itself as well as **Resizing**: [![](https://github.com/SlRvb/Obsidian--ITS-Theme/raw/HEAD/Images/Image_Adjustments-Custom-Inner_Position_Precise.png)](https://github.com/SlRvb/Obsidian--ITS-Theme/raw/HEAD/Images/Image_Adjustments-Custom-Inner_Position_Precise.png) **Image Grids & Captions:** [![](https://raw.githubusercontent.com/SlRvb/Obsidian--ITS-Theme/main/Images/Image_Adjustments-Image-Grids.png)](https://raw.githubusercontent.com/SlRvb/Obsidian--ITS-Theme/main/Images/Image_Adjustments-Image-Grids.png) %% Hub footer: Please don't edit anything below this line %% # This note in GitHub <span class="git-footer">[Edit In GitHub](https://github.dev/obsidian-community/obsidian-hub/blob/main/02%20-%20Community%20Expansions/02.05%20All%20Community%20Expansions/CSS%20Snippets/Image%20Adjustments.md "git-hub-edit-note") | [Copy this note](https://raw.githubusercontent.com/obsidian-community/obsidian-hub/main/02%20-%20Community%20Expansions/02.05%20All%20Community%20Expansions/CSS%20Snippets/Image%20Adjustments.md "git-hub-copy-note") | [Download this vault](https://github.com/obsidian-community/obsidian-hub/archive/refs/heads/main.zip "git-hub-download-vault") </span>