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.

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