Relocating the User-Pic/Adding a Margin under the User-Pic

[av8rmike]

It's a two-for-one post this Friday! The question has come up in the past about adding a margin or "gutter" under the userpic in entries (like it is in comments). Unfortunately for those with Basic/Plus accounts, this change requires modifying the print_entry() function a little.

Comments

[jense]

I tried the gutter out for my journal, but it doesn't seem to work.

Layer Theme.

[av8rmike]

From the public entries that I can see, it's working OK. The "gutter" isn't supposed to displace the metadata; maybe you were thinking it would?

[jense]

This entry doesn't seem to do what I think it should do. Which is, everything that is placed under my userpic (starting with 'I'm not sure if I like...') should normally be blank and the actual text should be moved more to the right, right?

[av8rmike]

No, this tutorial was for people who wanted to keep the text from flowing under the icon in entries. Check the linked posts to see what was asked.

[jense]

I am terribly sorry. I must be sounding so stupid. I really thought it was something that would make your userpic be in its own column if you would speak in table terms. With all of the text in another column but the same row.

Is there any possibility that I might achieve what I meant?

[av8rmike]

Um... that is what it does. It puts a big white space underneath the user icon, all the way down to the metadata, and pushes the entry text to the left. "Two columns", in essence. Your LOST entry looked like that when I first viewed it, you must have changed it back to the default at some point.

[jense]

LOL. Sorry. I did delete it, but I put it back after your reply. I can't see the "Two columns". Do you view it with IE? I use Firefox 2.0.0.4. And everything just runs on beneath my userpic.

[av8rmike]

The code looks correct in your theme layer (#8736200), and I see the two columns correctly, along with all your updated CSS. I am using IE6 at the moment, but the code shouldn't be browser dependent. Try to force refresh of the page after updating layer code.

[jense]

It must after all be browser specific. I tried loading it in IE6 and it worked just like you said. On FF however, still doesn't. Anyone else having the same issue?

[av8rmike]

I posted a fix for FF vs. IE. Apparently it's one of those "happy bugs" in IE. I'm not sure what people who use Safari or Opera will use.

[jense]

Just wanted to let you know that the tweak made it work perfect in Firefox. Thanks!