Funky Circles: Icon Position on Comments

[raanve]

Hello, all. I asked this on my own journal, but none of my friends knew the answer, so I was hoping someone here could help!

I looks as if something is slightly broken with the Funky Circles layout, and I can't figure out how to fix it. It seems to be a new development. (Like, within the last 2-3 weeks.)

If you look at a comment, you can probably see the issue -- that user icons are sitting lower than they should, and that this obscures comment text. This issue happens regardless of whether you select the option to have the userpic on the left or the right. This seems to be occurring in all the browsers I have access to. It also doesn't appear to me isolated to my (slightly modified) layout -- when I preview my journal with other Funky Circles themes, I get the same thing.

I am a total CSS n00b, so I can't see what's what when I look at the source code on an entry. Anyone got any ideas?

Thanks!

Comments

[ninetydegrees]

*facepalm* I must have messed it up while working on introducing a new option. I can't tell you what the problem is yet but I'll file a bug right away and work on this ASAP. My sincere apologies.

[raanve]

Oh! No worries! Thanks for your response. :)

[ninetydegrees]

Would you try adding this custom CSS to the bit you already have?

.has-userpic.no-subject .entry-title,
.has-userpic.no-subject .comment-title {
min-height: 1.25em;
}

.contents .poster {
margin-bottom: 27px;
}

[raanve]

That solves the text obscuring issue, though the icons do sit a bit lower than the icon for the entry: see here. (Which isn't a big deal, but wasn't sure if that would be a factor for you in considering it fixed.)

[ninetydegrees]

Hmm. I forgot that entry titles and comment titles have different heading levels... Let's see... Would you try this instead of what I gave you before?

.has-userpic.no-subject .entry-title,
.has-userpic.no-subject .comment-title {
min-height: 1.2em;
}

.has-userpic .comment-title {
margin: .25em 0;
padding: .25em 0;
}

[raanve]

That looks good! Thank you so much!

[ninetydegrees]

You're welcome! Thank *you* for noticing the issue. *g*

[ninetydegrees]

Hi again raanve! The fix for this issue went live today so you should be able to remove the custom CSS and have things display correctly again. Thanks again for reporting the problem and working with me to fix it.

[raanve]

Very cool! Thanks again! :)