[personal profile] siliconsara posting in [community profile] style_system
Sorry to bother [community profile] style_system again.

I noticed that when an entry bears the name and/or community at the top it messes up the position of the icon.

Here's the icon as seen from the reading, network and single entry page:

 photo userpicpositionreading_zps3e55d535.jpg

Though when the name (and community) are missing (for instance, on the recent entries view) the icon is positioned further down:

 photo userpicposition_zps8095aeb4.jpg

I removed my custom CSS to see if that was the problem, but it's still the same.

Any guidance please?

Code to fix .userpic (the bigger user icon)

Date: 2013-04-28 05:41 am (UTC)
marahmarie: (M In M Forever) (Default)
From: [personal profile] marahmarie
Assuming that this is what you want/need:

.page-network .userpic,.page-read .userpic,.page-entry .userpic,.page-reply .userpic
{margin-top:-.35em!important;}


Gets the bigger user icon in the same position as it is on .page-recent.

Re: Code to fix .userpic (the bigger user icon)

Date: 2013-04-28 06:44 am (UTC)
marahmarie: (M In M Forever) (Default)
From: [personal profile] marahmarie
You're welcome! And yes, I could not live without the .page view HTML body classes. That's why coding CSS for my one Google userscript is often such a complete PITA; Google doesn't do very specific targeting of HTML body classes or IDs on its main search, result, and GMail pages, while DW does. And I so love it (though, to be honest, DW inherited most of that code from LJ; we just happen to use it on maybe a few more page-views than LJ does - for instance, on LJ, in Bloggish, there is no body class for what we call .page-reply here). My favorite layout to hack work on on LJ was Bloggish (it's Transmog over here, though that layout you have is AWESOME I must hack it check it out soon) so that was very annoying. I used to have to hand-code the entire freaking page through global hacks like * and what was very experimental CSS2 at the time for first-of-type and last-of-type and first-child and all that just to style one reply page. And it's 3am and here I am just rambling...anyhow, glad you got it sorted. :)
Edited (typos and, I don't know, stuff) Date: 2013-04-28 06:46 am (UTC)

Profile

Dreamwidth style system discussion

October 2025

S M T W T F S
   1 234
567891011
12131415161718
19202122232425
262728293031 

Style Credit

Expand Cut Tags

No cut tags
Page generated Jan. 12th, 2026 03:12 pm
Powered by Dreamwidth Studios