Cards css cover padding

here in the presented image the cover art of the note is a little bit away from the frame of the note which isnt comfortable to me

and the thing is when i change the padding from 1.3em to 0em in the cards settings (using style settings) it removes the padding between the image and the file.link which leads to them being stacked on each other

my question here is:

is there a way to remove the padding between the image and frame without removing the padding between other elements in the card?

system details:

minimal (latest update)
obsidian 1.8.4
dataview (latest update)

yaml of the note:

cssclasses: cards / cards-cover

dataview syntax:

table without id banner , file.link 
from "file name"

i have finally managed to make chatgpt write a css that solves this problem here it is:

/* Remove padding from the first element inside each table cell */
.dataview.table-view-table tbody td *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Apply padding to all elements except the first one */
.dataview.table-view-table tbody td *:not(:first-child) {
    padding-top: 1em !important; /* Adjust as needed */
}

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.