Re-size attatched image

šŸŒŸFeatures
1

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

2

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
3

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
4

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)
4 Likes