[personal profile] okinay posting in [community profile] style_system
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!

Date: 2009-12-08 03:09 am (UTC)
kaigou: this is what I do, darling (Default)
From: [personal profile] kaigou
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.)

Profile

Dreamwidth style system discussion

April 2025

S M T W T F S
  12345
6 78910 1112
13 141516171819
2021 2223242526
27282930   

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 7th, 2025 10:23 pm
Powered by Dreamwidth Studios