Customizing metadata display

Hi,

Is there a way to display the metadata on the top of the card instead of the bottom?

Keep up the good work!

Hi! You could do something like that with CSS by adding the following to your "global_css" in your Prodigy or recipe config:

.prodigy-meta {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 200;
    border-top-left-radius: 0;
}

This positions the meta info in the top right corner, ensures that it's always on top and not covered by the header bar, and removes the rounded corner that otherwise looks weird. You can also add other customisations here – for example, use a different (or no) background colour, etc.

As an alternative styling idea, if you set position: fixed, the meta will be displayed in the top right corner of the screen instead, which could also be an option.

1 Like