Click an image and see it in large size

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.


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