rawr!!

[xaea]

i have a new theme/layout all set to go with header image, entry bg image, and main bg image. i just spent half an hour trying to find a dw theme that works with the header image and i finally found one i liked but i can't remove .userpic!!!

do any of you recommend one base layout over another when it comes to using header images??

Comments

[xaea]

*smacks head* i forgot about .userpic {display: none;} - i don't actually /know/ CSS. the little i know, i've learned from peering at style sheets (one word?) and i couldn't figure out how to toggle it just by looking at style sheets. HOWEVER, i remember it now that you mention it! so, *ahem*, thank you for mentioning it. :)

basically, all i wanted to do was remove it from the recent entries page. that is what .userpic {display: none;} will do, correct?

thank you so much for your help! :)

[foxfirefey]

Not knowing CSS is okay! I just didn't know whether you were okay with that solution or were looking for something else.

And yes, that will remove .userpics from well, pretty much anything, so I recommend:

.entry-wrapper .userpics { display: none; }

If you want to remove it from all entries in your style.

For specific pages, here is removing it from your recent entries:

.page-recent .entry-wrapper .userpics { display: none; }

And here is removing it from your reading and network pages:

.page-read .entry-wrapper .userpics, .page-network .entry-wrapper .userpics { display: none; }

That will keep the userpic there on entry pages, though, and for comments.

[xaea]

thank you very much! that is extremely helpful. i'm going to add this to my memories. :)

[xaea]

any chance you can help with one more thing? if so...

i am trying to change the width of my WHOLE layout. but so far, i can only figure out how to change the entries section by using


.one-column #primary {left: 10%; width: 70%;}

i have looked and looked at this style sheet and i can't for the life of me figure out how to change the header section's width! x_x

[foxfirefey]

Try this instead:

#primary, #header, #secondary { margin-left: 10%; width: 70%; }

(The #secondary is there in case you even want to add modules to the bottom)

[xaea]

hmmm...that indented the header over but it didn't shrink it. this layout is weird! i can usually figure these things out by piddling around - i'm even using firefox's firebug extension and NOTHING!

[xaea]

FOUND IT!!!!!

.one-column #primary {border: 0.083em solid #dddddd; background: #f5f5f5; width: 70%; padding: 0; border-top: 0; position: absolute; }
.one-column #header { width: 70%;}

[foxfirefey]

Yaaaay!