Poe woes... - SOLVED!

Dec 27, 2006 19:20



Hi all! I was defeated by a layout attempt about 5 months ago, but the reactivation of my Paid Account spurred me on to make a new layout! So, using the Poe theme, I went about using the tips and tricks I found on this wonderful community to build a simple, yet unique layout. Anyway, here are some of the issues I'm having and I would really, ( Read more... )

sidebar:text:colors, sidebar:backgrounds, comments:colors, header:nav links:colors, pageviews:friends

Leave a comment

Comments 7

av8rmike December 28 2006, 03:45:30 UTC
Whew, lots of stuff to cover. OK, here goes. For #1, these are the lines controlling the sidebar colors:
#beta .archive-widget ul.widget-list .item,
#beta .widget a { color: #242424; }

.widget-content {
color:#000000;
}Change the colors to whatever suits your scheme. For #2:
.nav,
.nav a {
color: #cccccc;
}
.nav .item {
border-color: #cccccc;
}(First one is text, second is the vertical lines.) #3 & 4 are a little trickier. Look for the section in your CSS with .layout-tw #beta .widget-header and add the padding and height properties. I got good results with:
padding: 10px 0px 0px 50px; /* top, right, bottom, left */
height: 50px; but you'll have to alter those to get the positioning right. For #5, check the setting of "Show friends colors on friends page" in the Customize Journal->Colors page, or put set opt_friends_colors = false; into your theme layer source. Finally, for the comment boxes, you were pretty close. This is the right CSS class: #comments .comment-odd {} for one set and #comments .comment-even {} for ( ... )

Reply

Thank you! bleakharvest December 28 2006, 13:53:57 UTC
Holy crap! Everything worked a charm!! The only thing I'm having issues with is the last part (the comment section). Am I doing this right, because the "odd" part remains the same.. and whenever I switch the position of the even and odd, the entire layout reverts to its original look o__O

#header { height: 350px; }
#header-inner { height: 350px; }

#header-name { display: none; }
#header-description { display: none; }
#header-content-inner {margin: 312px -188px;}
.nav { display:}

#page-inner {
background-color: #000000;

}
.comments-header {
color : #968B74;
}
#comments .comment-even {
border-color : #34302D;
background-color : #34302D;
}
#comments .comment-odd (
border-color : #34302D;
background-color : #321201C;
)
.asset-body blockquote {
border-left-color : #34302D;
}
.nav ( ... )

Reply

Re: Thank you! av8rmike December 28 2006, 14:27:11 UTC
The "odd" part should tip you off...
#comments .comment-odd (
border-color : #34302D;
background-color : #321201C;
)The ()s should be {}s. ;)

Reply

Grah.. bleakharvest December 28 2006, 14:56:35 UTC
Stupid mistake, sorry for wasting your time with that ~__~;

One last question, I promise: How can I alter/replace this on my comment page... I didn't even notice it before. Here's a link if you need to see the fiend in its natural habitat =P

Reply


Leave a comment

Up