theme help
-
Hi, I have a theme almost all ready to go for my domain but there is a few small things wrong with it that I can not figure out how to fix. Any help would be appreciated. One problem is the image and background to not line up. It’s really close but just slightly off. The other thing is I want the whole sidebar moved over to the right just a little bit more. so it’s not so close to the main body of the blog and pages. I have a screenshot of it here and here is my css:
#blogTitle { position: absolute; font-family: Tahoma, Verdana, Arial ,Sans-Serif; color: #5d5d5d; font-size: 10pt; text-transform: uppercase; text-align: left; } #blogTitle a { color: #5d5d5d; } #masthead { margin: 0 auto; border: 0px solid #9da5a7; background-image: url(images/frosty.jpg); width: 750px; height: 275px; } #menu { width: 700px; height: 35px; margin: 0 auto 0 auto; padding-top: 2px; vertical-align: bottom; text-align: left; background: #FEFEFE } .right { float: right; padding-top: 0px; padding-right: 10px; } .left { float: left; padding-top: 0px; padding-left:10px; } .commentBox { } .commentBox p { padding-top: 0px; margin-top: 0px; } ul.linklog { margin-bottom: 0px; margin-left: 0px; padding-left: 20px; } ul.linklog li { list-style: url(images/bullet.jpg); } body { background: #FFFFFF url(images/background.jpg) repeat-y center; margin:0; padding:0px 0px; font:x-small Tahoma, Verdana, Arial ,Sans-Serif; text-align:center; color:#5d5d5d; font-size/* */:/**/small; font-size: /**/small; } a:link { color:#8a2e16; text-decoration:none; cursor: crosshair; } a:visited { color:#8a2e16; text-decoration:none; cursor: crosshair; } a:hover { color:#c69c57; text-decoration:underline; cursor: crosshair; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header { width:660px; margin:0 auto 10px; border:1px solid #ccc; } #blog-title { margin:5px 5px 0; padding:20px 20px .25em; border:1px solid #eee; border-width:1px 1px 0; font-size:200%; line-height:1.2em; font-weight:normal; color:#666; text-transform:uppercase; letter-spacing:.2em; } #blog-title a { color:#666; text-decoration:none; } #blog-title a:hover { color:#c69c57; } #description { margin:0 5px 5px; padding:0 20px 20px; border:1px solid #eee; border-width:0 1px 1px; max-width:700px; font:78%/1.4em Tahoma, Verdana, Arial ,Sans-Serif; text-transform:uppercase; letter-spacing:.2em; color:#9da5a7; } /* Content ----------------------------------------------- */ #content { width:660px; margin:0 auto; margin-top: 1em; padding:0; text-align:justify; } #main { padding-left: 7px; width:410px; float:left; } #sidebar { margin-top: .5em; width:220px; float:right; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:78%/1.4em Tahoma, Verdana, Arial ,Sans-Serif; text-transform:uppercase; letter-spacing:.2em; color:#9da5a7; } /* Posts ----------------------------------------------- */ .date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; padding-bottom:1.5em; border-bottom:1px solid #9da5a7; } .post-title { margin:.25em 0 0; padding:0 0 0px; font-size:110%; font-weight:bold; text-transform: uppercase; line-height:1.4em; color:#c69c57; } .post-title a, .post-title a:visited, .post-title strong { display:block; text-decoration:none; color:#c69c57; font-weight:normal; } .post-title strong, .post-title a:hover { color:#8a2e16; } .post div { margin:0 0 .75em; line-height:1.6em; } p.post-footer { margin:-.25em 0 0; color:#ccc; } .post-footer em, .comment-link { font:78%/1.4em Tahoma, Verdana, Arial ,Sans-Serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#9da5a7; margin-right:.6em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:0px solid #ddd; } .post blockquote { margin:1em 20px; color:#666; font-style:italic; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em Tahoma, Verdana, Arial ,Sans-Serif; text-transform:uppercase; letter-spacing:.2em; color:#9da5a7; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em Tahoma, Verdana, Arial ,Sans-Serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /* Sidebar Content ----------------------------------------------- */ #sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; padding-bottom: 1em; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } #sidebar p { color:#5d5d5d; line-height:1.5em; } /* Profile ----------------------------------------------- */ #profile-container { margin:0 0 1.5em; padding-bottom:1.5em; } .profile-datablock { margin:.5em 0 .5em; } .profile-img { display:inline; } .profile-img img { float:left; padding:4px; border:1px solid #ddd; margin:0 8px 3px 0; } .profile-data { margin:0; font:bold 78%/1.6em Tahoma, Verdana, Arial ,Sans-Serif; text-transform:uppercase; letter-spacing:.1em; } .profile-data strong { display:none; } .profile-textblock { margin:0 0 .5em; } .profile-link { margin:0; font:78%/1.4em Tahoma, Verdana, Arial ,Sans-Serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; } #footer hr { display:none; } #footer p { margin:0; padding-top:15px; font:78%/1.6em Tahoma, Verdana, Arial ,Sans-Serif; text-transform:uppercase; letter-spacing:.1em; }
The topic ‘theme help’ is closed to new replies.