If you don't mind the text being BELOW the image, that's much easier with the existing CSS. That, I did manage to do, but it also helps if you set a max width for the metadata, that is, add:
.metadata {max-width: 100px;}
or whatever size works -- what that'll do is shove any text down because it doesn't have room to stay on the same line. Then play with the margins on the img, say:
.metadata img { margin-top: -20px; }
and play with the margins on the label to push it down, like so:
.metadata-label {margin-top: 40px; }
and that'll move things around. It's not exactly what you were looking for, but it's probably easier for you to play with and get sort of like your request, if not exactly. (I have no idea how long it takes to adjust the layouts to add extra handles for customized CSS, so figured I'd suggest this to try, as well, in the meantime.)
no subject
.metadata {max-width: 100px;}
or whatever size works -- what that'll do is shove any text down because it doesn't have room to stay on the same line. Then play with the margins on the img, say:
.metadata img { margin-top: -20px; }
and play with the margins on the label to push it down, like so:
.metadata-label {margin-top: 40px; }
and that'll move things around. It's not exactly what you were looking for, but it's probably easier for you to play with and get sort of like your request, if not exactly. (I have no idea how long it takes to adjust the layouts to add extra handles for customized CSS, so figured I'd suggest this to try, as well, in the meantime.)