I would like to be able to click an image in preview to see it in full size. Some times charts and infographics are too small to read otherwise.
3 Likes
How about this:
/* Enlarge image on hover */
.markdown-preview-view img {
display: block;
margin-top: 20pt;
margin-bottom: 20pt;
margin-left: auto;
margin-right: auto;
width: 50%;
/* experiment with values */
transition: transform 0.25s ease;
}
.markdown-preview-view img:hover {
-webkit-transform: scale(1.8);
/* experiment with values */
transform: scale(2);
}
1 Like
Would I put this in the CSS file or how would one incorporate that?
If you haven’t done so, open settings, and under “Appearence”, check “Custom CSS”. Then, create a file called obsidian.css
in your note directory, and paste this in. It should work then. However, if you use a theme, the file may be overwritten. In that case, you may have to add it back in.
1 Like
Thank you, appreciate the assistance
1 Like