Move the siderbar some more
-
Hi! I’m trying to change the look of my blog, Pariah’s Guild using the
azure_hut. But when I tested it out, some parts of my wp calendar and recent comments appears on the post body. Does anyone know how I can move these things more to the left.
-
You have 2 different style sheets giving padding on the left
td, th
and
#submissionBoxJS .style200JS do a find search and fix one or both to padding-left: 0px;I would also try cleaning up the 205 errors.
I’m talking about the azure_hut theme
cmon. wtf? if you want help with a design issue than for lords sake make it so your site is displaying the theme.
Do you expect US to install it to help you?
Sorry,I’m running the theme under theme test drive. Anyway,I didn’t install the theme, I usual want to work on the theme before I actually change the Pariah’s Guild theme.
I’ll just post the css code to make things barable. Here’s the theme URL http://speckyboy.com/2007/12/17/the-azure-hut-wordpress-theme/
/* Theme Name: The Azure Hut - Two Column Widget Ready. Theme URL: http://www.speckyboy.com/ Description: A clean & simple two column theme. Author: P. Andrew Author URI: http://www.speckyboy.com Version: 1.0 The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body { color : #666; font-size : 16px; font-family: "trebuchet ms"; margin : 0 auto 0; background : #fff url(images/bg.png) repeat-y center; border-top:5px solid #555; } #wrap { width : 820px; margin : 0 auto; padding : 0; } #header { width : 870px; padding : 0; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; } #header h1{ font-size: 25px; } #header h1 a{ border-bottom: none; } img { border : 0; } a, a:visited { color : #2A6FA8; text-decoration : none; border-bottom:0px solid #eee; } a:hover { text-decoration : none; color : #444; border-bottom:0px solid #ccc; } #content { width : 600px; margin : 0 auto 0; padding : 10px 0px 0 0px; margin-top :0px; float : right; font-size: 13px; } #content p { padding : 0 0 15px 0; margin : 0; line-height : 18px; } #content p img { float : left; border : none; margin-right : 10px; margin-bottom : 5px; margin-top : 5px; } #content p ol { margin : 0; padding : 0 0 0 20px; } #content p ul { margin : 15px; padding : 0 0 0 20px; } #content li { margin-left : 10px; padding : 0 0 0 5px; } #content h1 { color : #000000; font-size : 20px; font-weight : bold; text-transform:lowercase; letter-spacing:-2px; padding : 0; margin-bottom : 6px; border-bottom:1px solid #eee; } #content h1 a { color : #666; text-decoration : none; border-bottom:none; } #content h1 a:hover { color : #2A6FA8; text-decoration : none; } #postinfo { margin : 0px 0 30px 0; padding : 8px 0 8px 0; text-align:justify; font-size: 11px; } #postinfo p { border : 1px solid #eee; background : #fafafa; padding : 8px; } #postinfo a { color : #2A6FA8; text-decoration : none; } #postinfo a:hover { text-decoration : none; color : #444; } .date { color : #666; font-size:10px; margin-bottom: 5px; padding-bottom:3px; text-transform:none; letter-spacing:0px; } #sidebar { width : 175px; padding-right: 40px; margin : 10px auto 0; text-align : left; position : relative; line-height : 17px; list-style-type : none; float:left; font-size: 13px; letter-spacing:-1px; } #sidebar p { padding : 0; list-style-type : none; margin : 0; } #sidebar h2 { font-size : 12px; border-top : 1px solid #4A84B5; padding : 2px 0 2px 2px; margin : 0 2px 2px 0; letter-spacing:-1px; } #sidebar h3 { color : #f5f5f5; font-size : 13px; border-top: 1px solid #4A84B5; padding : 2px 5px 2px 5px; margin : 0 2px 2px 0; letter-spacing:-1px; } #sidebar a { color : #444; text-decoration : none; border-top: 0px; } #sidebar a:hover { color : #999999; text-decoration : none; } #sidebar ul { list-style-type : none; margin : 0 0 0 0; padding : 0; padding-bottom : 40px; } #sidebar ul li { display : inline; padding : 0; margin : 0; list-style-type : none; } #sidebar ul li a { display : block; color : #dcdcdc; text-decoration : none; margin : 0; padding : 3px 7px 3px 7px; border-top : 1px solid #3275AB; } #sidebar ul li a:hover { background : #3B7AAF; color : #fff; border-top : 1px solid #3275AB; } #credits { text-align : left; margin-bottom: 15px; padding:0px; float : right; font-size: 10px; clear:both; width: 585px; } #credits p { margin : 0; } #credits a { color : #2A6FA8; text-decoration : none; } #credits a:hover { color : #c1c1c1; text-decoration : none; } #searchdiv { margin : 0; padding : 0; } #searchform { margin : 0px 7px 10px 10px; margin-bottom: 40px; padding : 0; overflow : hidden; } #s { padding : 2px; border : 2px solid #555; background: #ddd; color: #555; } #sbutt { padding : 1px; margin : 0 0 0 0px; border : 1px solid #bbb; } #commentblock h2 { font-size : 14px; color : #444; padding : 0 0 10px 0; margin : 0; font-weight : normal; } #commentblock { background : #fff; padding : 5px; margin : -20px 0 15px 0; font-family: "trebuchet ms"; } ol#commentlist { padding : 0; margin : 0; list-style-type : none; } .commentdate { font-size : 10px; padding-left : 0; } #commentlist li p { margin-bottom : 8px; line-height : 20px; padding : 0; } .commentname { color : #444; margin : 0; padding : 5px 5px 5px 0; } .commentinfo { clear : both; } .commenttext { clear : both; margin : 0 0 10px 0; padding : 10px 10px 5px 10px; background : #ccc; } .commenttext-admin { clear : both; margin : 0 0 10px 0; padding : 10px 10px 5px 10px; background : #eee; } #commentsformheader { padding-left : 0; } #commentsform { text-align : center; margin : 0; padding : 0; } #commentsform form { text-align : left; margin : 0; } #commentsform p { margin : 0; } #commentsform form textarea { width : 99%; background : #fff; border : 1px solid #ddd; font-family: "trebuchet ms"; } p.comments_link img { margin : 0; padding : 0; border-top-style : none; border-right-style : none; border-bottom-style : none; border-left-style : none; } blockquote { margin : 0 0 0 25px; padding : 0 25px 0 10px; font-style : italic; color : #888; border-left : 3px solid #555; } #content blockquote p { margin : 0 0 20px 0; padding : 0; } .prevnext { text-align : center; margin : 0; padding : 10px 0 30px 0; border-top : 1px solid #eee; } .prevnext .alignright { float : right; margin : 0; } .prevnext .alignleft { float : left; } #clear { height: 35px; } .rss { padding-left: 20px; background:url(images/rss.png) no-repeat; }
- The topic ‘Move the siderbar some more’ is closed to new replies.