Re-size attatched image

I dont want to have an image the size of all the page…I just want a little image most of the time…
if we could resize it it would be beautiful and very useful

I use this custom CSS to keep my images medium-sized in my docs:

.node-displayed-image {
    max-width: 500px;
    max-height: 500px;
}
3 Likes

I’m not a PRO user on Dynalist, so I have to use Stylish instead. My setting here works for small images too:

.node-displayed-image { max-width:100%; }
1 Like

I posted a workaround here: Image resizing!
Here’s a quick CSS trick to set the image size per link

  • add this to your custom css
    /* ================== Shrink Images by doing ![](https://.../blah.jpg#75) ================== */
    .node-displayed-image[src$="#75"] {
        max-width: 75%;
        max-height: 75%; 
    }
    .node-displayed-image[src$="#50"] {
        max-width: 50%;
        max-height: 50%; 
    }
    .node-displayed-image[src$="#25"] {
        max-width: 25%;
        max-height: 25%; 
    }
    
  • for each image, now you can specify your resize anchor tags by doing things like:
    ![alt-text](https://your-image.jpg#75)
    ![alt-text](https://your-image.jpg#50)
    ![alt-text](https://your-image.jpg#25)
    
2 Likes