Rustyhands Posted June 19, 2011 Report Share Posted June 19, 2011 hi everyone im trying to change the alignment of the info below my post in my blogs section of my webpage. im not sure where to edit this code?? any help would be great My link heres the code /* ----------------------- BLOG PAGE -----------------------*/ .postbox h3 { margin-bottom: 10px; } /* Blog List */ ul#listlatestnews { } ul#listlatestnews li { margin-bottom: 20px; } .boximg-blog { margin-top: 5px; background: url(images/bgboximg.png) center no-repeat; width: 97px; height: 99px; float: left; margin-right: 10px; } .postbox { width:510px; float:left; margin-left:10px; } .postbox p { margin-bottom: 5px; } /* Blog Metapost */ .metapost { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; margin: 10px 0; font-size: 11px; padding: 8px 5px; color: #707070; background: #fafafa; } .metapost span { margin: 0 10px; } .metapost span.first { margin-left: 0; } /* Author Box */ #authorbox { background: #fafafa; border: 1px dotted #eee; padding: 10px 20px; margin-top: 20px; margin-bottom: 20px; } #authorbox h4{ vertical-align: top; margin-bottom: 5px; } #authorbox .blockavatar { width: 60px; float: left; margin-top: 8px; margin-right: 10px; } #authorbox img { margin-top: 0; margin-bottom: 0; border: none; } #authorbox .detail { float: left; width: 500px; } #authorbox .detail p { margin-bottom: 0; } .navigation { margin: 20px 0; } .navigation a { font-size: 12px; } .bypostauthor {} /* Comment List */ #listcomment { padding: 0; margin: 0 0 20px 0; } #listcomment li { display: block; padding: 11px 0; margin: 0; background: none; border-bottom: 1px solid #eee; } .titlecomment { width: 673px; } .titlecomment img { float: left; padding: 3px; border: 1px solid #d9d9d9; margin: 0 10px 0 0; } .titlecomment h4 { color: #333; padding: 7px 0 0 0; margin: 0; } .datecomment { font-size: 11px; color: #858585; } #listcomment li p { font-size: 12px; padding: 10px 0 0 0; margin-bottom: 0; } /* Comment Form */ #commentform label { font-size: 12px; display: block; text-align: left; color: #666666; margin-bottom: 10px; } .leftcomment { width: 285px; float: left; } .rightcomment { float: left; } .comment-input { color: #666666; padding: 7px; display: block; text-align: left; height: 19px; width: 250px; border: 1px solid #eaeaea; margin-bottom: 12px; } .comment-textarea { color: #666666; padding: 7px; display: block; text-align: left; height: 160px; width: 307px; border: 1px solid #eaeaea; margin-bottom: 10px; } .comment-submit { display: block; position: relative; top: 0; left: 220px; background: url(images/comment-submit.png) no-repeat; color: #d4d4d4; border: none; width: 106px; height: 32px; padding: 3px 5px; text-align: center; cursor: pointer; text-transform: uppercase; } .comment-heading { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; } Quote Link to comment Share on other sites More sharing options...
falkencreative Posted June 19, 2011 Report Share Posted June 19, 2011 That area is within a div.metapost -- about line 1061 in style.css. This is one time where Firebug is really useful for figuring out what pieces of CSS are associated with what sections within the page. For more info, see http://getfirebug.com/ and for an introduction, see http://css-tricks.com/video-screencasts/15-introduction-to-firebug. I really couldn't code Wordpress themes without it. Quote Link to comment Share on other sites More sharing options...
Rustyhands Posted June 20, 2011 Author Report Share Posted June 20, 2011 ok, yeah i have been having trouble figutring out what this guy has put in there. thanks for your reply ben Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.