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.

[joetron2030]

I'm having a similar issue where it doesn't seem to be working.

However, I will say that I am very much new to doing more advanced customization. I wonder if I did something wrong? I find all of this rather confusing even after having read the available documentation.

I placed the ".lj-currents, .asset-tags {clear: left;}" in my Custom CSS box. Then I placed the included code into my theme layer (called "Layout") but it doesn't seem to change anything. Did I update the correct layer?

[av8rmike]

Did I update the correct layer?

Probably. Check the Look and Feel page to make sure your theme layer is the active one under "Themes", not the Manga one. I forget that step all the time.

[joetron2030]

Ah! That explains it. I've never really explored the options for that particular page. So, if I've got this right, I need to use a custom theme and layer to make this work. I can't just modify the layout layer and use the default theme. Correct?

I guess my last follow-up question is: How can I take all of the customizations I've done through the S2 "control panel" options and get that into a custom theme and layers? A link to the correct tutorial would be fine. I'm not expecting a hand-holding walk through here.

But, I do appreciate your reply. The "ah-ha!" light went off finally. :-)

[joetron2030]

Actually, don't bother answering this. I've figured it out. Thanks again!

[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?

[squoctobird]

I can't get the gutter to work correctly. When I put in the codes it moves the WHOLE entry over and not just the words, so the words are still under the icon. Or do I have to have a theme layer?? I went to the tutorial on making one and I couldn't get past the first step because it says to click on developer area which I could not locate.

Here is a preview of what the codes did: http://yellowxshades.livejournal.com/172943.html

I have a permanent account, if that makes any difference.

[av8rmike]

Yes, this is both a theme layer and CSS change.

[av8rmike]

It looks like you're still using the base theme, not your theme layer, as the active one.

[av8rmike]

You applied the theme layer correctly, but first of all: which tutorial are you trying to use? There are two in this entry that do two different things.