okinay: (Default)
okinay ([personal profile] okinay) wrote in [community profile] style_system2009-12-06 11:59 am

Transmogrified - Metadata

Does anyone have the secret code that will allow you to reorder meta/tags and move the mood pic to the left of the info group? I've searched through a few comms but can't find anything on this yet.

This is what I'm aiming for ...



Any help would be greatly appreciated!
kaigou: this is what I do, darling (Default)

[personal profile] kaigou 2009-12-08 03:09 am (UTC)(link)
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.)