@trogladyte. Thanks for posting. I checked your like, and had a look at your DOM using “Inspect Element” in the context menu of my browser. If you do the same, you will see that the rows are deep only because of CSS styling in your template. Here is the exact CSS block that is causing it:
|
1 2 3 4 5 6 7 8 |
.art-article img, img.art-article, .art-block img, .art-footer img<br /> {<br /> border-color: #B2C2D1;<br /> border-style: solid;<br /> border-width: 0;<br /> margin: 7px 7px 7px 7px;<br /> }<br /> |
The exact issue is that the template is setting a 7 pixel margin around every img element so that creates the deep rows inadvertently. To fix this, you could change the margin to a more reasonable value. Add this CSS block to your template:
|
1 2 3 4 |
table.easyfolderlisting img<br /> {<br /> margin: 2px;<br /> } |