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

[onlysayinghello]

Do you realize like the almost anxiety I get when I know I have to ask you another question? I swear I think I'll find it on my own, and then I end up going... okay that did it that far.... but....

So I've successfully moved my user icon into the subject of the post section, and I even tracked down this post about putting a color behind the subject of the post, and even read through the 'strike-through' part of the code thinking adding that might put it across the whole post, but it sort of didn't.

I want the entire subject line, user icon section to have like a block of color underneath it. So that it looks like a header to the post with the color block behind it.

Right now I have this CSS in there

.page-header2,
.post-asset .asset-name a {
background-color: #e3e3e3;
}

Thank you in advance... again...

[av8rmike]

You were pretty close, you just needed to go out a few layers of boxes:

.asset-header {
background-color: #e3e3e3;
}instead of .page-header2,
.post-asset .asset-name a

[onlysayinghello]

Fantastic!!! Once again you are awesome and have helped me out!

[onlysayinghello]

okay so you're getting this comment like four times now. sorry. All because strikethrough didn't want to work for me editing this comment.

Anyway, I figured out the padding placement for css, to keep my text from running into the icon... but if there was a way to have the alignment affect only the entry and not the comments would it be a simple thing? or a complicated thing?

[av8rmike]

Well, you don't have to change the alignment at all; you can just get rid of the float: left statement. The icon will still displace the entry titles. Or, you could do something like:

.asset-inner .user-icon {
float: right;
padding: 10px;
}which isolates the icon in entries.

[onlysayinghello]

That totally worked!! Of course it did!! Now I need to stop skimming the tag list going, WHAT ELSE CAN I DO??? Because that's where I get into trouble and start having more questions! Silly header-subject area having too much space and making me want to fill it up with stuff like tags!

I really do appreciate all your patience and help and general CSS knowhow and all that.

[av8rmike]

You're welcome! It's always good to have people trying things out and telling you if it does something unexpected, or pushing the creative boundaries of what the codes can do.