Re-size attatched image

šŸŒŸFeatures
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