Jump to content
Lizard Wizard Coding Club

trying to reposition author box


Recommended Posts

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 :D

 

 

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;

}

Link to post
Share on other sites

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.

Link to post
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...