Thread: how to adjust this wordpress template

Originally Posted by iamfreelancer

i think i have to apply "Don't Drink and Coding" lioa....

.. Drink and Coding is a must!

Originally Posted by limcs

.. Drink and Coding is a must!

hmm... maybe i didn't get enough of the .. .tats why i didn't see its....

yam seng bro....

Originally Posted by mysticmind

imfreelancer ...
YES! you're correct.

it's a background image located here
as the code mention it too..


need to redesign the image, replace the original one. Then should be ok.

mystic, i try to delete that picture with my ftp, but the theme still does change much...

freelancer, this theme can be download at Wordpress Theme - Blog Oh Blog is a 3 columns and widget ready theme

i can see that the vert line is gone now... is that what you wanted? If you need the vert line, you need to edit the bg image as what mystic say..

oh ya..is gone already..but weired la...ytd when i just delete, the line is still there....damm...
anyway, thank also to Mystic, Freelancer and Limcs....

haiz..is me again.. facing some problem with the latest themes, i have made changes with the style.css, here is the file

example at littlepenang.com/blog

for part C, the sidebar i would like to have 350px... and the about me suppose to at top of sidebar...
does i miss any thing?

Code:

/*****************************************/
/* SEXY BODY */
/*****************************************/
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;background:#50504f url('i/gbck.gif');}

/*****************************************/
/* BEGIN TOP *                            /
/*****************************************/
#box{width:945px;background:#fff;margin:20px auto;padding:10px;}
#top{width:945px;background:#000 url('i/topbck.gif') repeat-x;height:80px;margin:0;padding:0}
#header{float:left;width:440px;margin:0 0 0 10px;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;background:url('i/logo.gif') no-repeat left;height:51px}
p.desc {float:left;margin:5px 0 0 0;padding:0;color:#fff; } 
.ads{color:#fdfdb0;float:right;width:468px;text-align:right;font-size:11px;margin:10px auto;padding:0 10px 0 0;}
#jubow{background:#f3f2ed;height:30px;margin:10px auto; width:505px; float:left; position:inherit;}


/*****************************************/
/* SEARCH *                               /
/*****************************************/
#bsearch{width:375px;font-size:11px;margin:5px 0;padding:10px; background:url('i/info.gif') repeat-x; border:1px solid #eee; float:left}
#searchform{height:30px;line-height:30px;float:left;padding-top:5px;margin:0;}
#searchform #s{font-size:8pt;width:230px;}
#searchform #submit{font-size:8pt;}
input#s{color:#666;border:1px solid #cbcbcb;background:#fcfcfc;}


/*****************************************/
/* NAVIGATION TOP *                       /
/*****************************************/
#nav{width:505px;height:30px;line-height:30px;float:left;padding:0; margin:10px 0 10px 0;background:#f3f2ed;}
ul.nav{height:30px;line-height:30px;float:left;list-style:none;font-size:12px;font-weight:700;text-transform:uppercase;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav li a, ul.nav li a:link, ul.nav li a:visited{border-bottom:0px none;border-left:0px none;background:#f3f2ed;color:#555;float:left;display:block;text-decoration:none;padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}
ul.nav li a:hover, ul.nav li a:active{background:#fff;color:#555;text-decoration:none;}
ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#555;background:#fff;}
ul.nav li ul{float:left;margin:0;padding:0;}

/*****************************************/
/* MAIN ENTRY *                           /
/*****************************************/
#bgbox{width:945px;background:url('i/cbck.gif') repeat-y;margin:0;padding:0}
.line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}
.entry{width:500px;float:left;color:#666;background:url('i/dot.gif') repeat-x bottom;margin-left:0; margin-right:0; margin-top:0; margin-bottom:30px; padding-left:2px; padding-right:0; padding-top:0; padding-bottom:20px}
.entry p{text-align:justify;}
.entry img{border:1px #eee solid; max-width:98%;}
.entry2{width:500px;float:left;color:#666;text-align:justify;margin:5px auto;padding:5px 6px 10px;}
.pastentry{width:200px;float:left;color:#666;margin:0;padding:0;}
#content{width:575px;float:left;line-height:140%;margin:0 auto;padding:0;}
.left {float:left; width:240px; padding-right:10px; border-right:1px dashed #ccc; color:#666;}
.right {float:right;padding-right:20px;width:240px; color:#666;}
.clear {clear:both}

/*****************************************/
/* MISC HUH! *                            /
/*****************************************/
.navigation{width:350px;float:left;color:#666;border-bottom:#fff 2px solid;border-top:#fff 2px solid;padding:0 0 10px;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
.similiar{width:350px;float:left;color:#666;text-align:justify;border:#e5e5bd 1px solid;margin:5px auto;padding:5px 6px 10px;}
#misc{width:350px;margin:0 0 10px 14px;padding:0; background:#fff; float:left;}
#info{width:350px;font-size:11px;margin:5px 0;padding:10px; background:#fff url('i/rssbck.gif') repeat-x; border:1px solid #eee; float:left}
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.postmeta{color:#666;border-bottom:#699 1px solid;}
.postinfo img{border:none;}
img.wp-smiley{border:0px none;padding:0}
.twitter{width:395px;background:url('i/latestbck.gif') repeat-x;float:right;color:#333;text-align:justify;border:1px solid #e5e5bd;margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:6px; padding-right:6px; padding-top:5px; padding-bottom:5px}
.center{text-align:center;}
acronym, abbr, span.caps{cursor:help;}
acronym, abbr{border-bottom:1px dashed #999;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}
blockquote cite{display:block;margin:5px 0 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
#past { padding:0; margin:0;}
.googleads1{width:500px;float:left;color:#666;background:url('i/dot.gif') repeat-x bottom;margin-left:0; margin-right:0; margin-top:0; margin-bottom:30px; padding-left:2px; padding-right:0; padding-top:0; padding-bottom:20px}

/*****************************************/
/* SIDEBAR *                              /
/*****************************************/
#sidebar{width:350px;float:right;font-size:11px;padding:0; display: inline; background:#fff url('i/sidebar.gif') repeat-y right;; margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:5px}
.rsidebar{width:160px;float:right;color:#666;margin:0 auto;padding:0 0 0 10px;}
.lsidebar{width:160px;float:left;color:#666;max-width:100%;margin:0 auto;padding:0 10px 0 0;}
.rsidebar ul li ul{list-style-type:none;margin:0;padding:0 0 0 5px;}
.rsidebar ul li ul li{border-left:0px none; border-right:0px none; border-top:0px none; display:block;background:url('i/b2.gif') no-repeat 0 2px;border-bottom:1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:13px; padding-right:0; padding-top:0; padding-bottom:5px}
.lsidebar ul li ul{list-style-type:square;margin:0;padding:0 0 0 5px;}
.lsidebar ul li ul li{list-style-type:none;background:url('i/b.gif') no-repeat 0 2px;border:0px none;margin-left:0; margin-right:0; margin-top:0; margin-bottom:1px; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0}
#sidebar img, .lsidebar img{border:0px none;}
.rsidebar ul, .lsidebar ul{list-style-type:none;margin:0;padding:0;}
.rsidebar ul li, .lsidebar ul li{list-style-type:none;margin:0 0 15px;padding:0;}
.rsidebar p, .lsidebar p{padding:0 5px;}


/*****************************************/
/* FOOTER *                               /
/*****************************************/
#footer{width:935px;background:url('i/footer.gif') repeat-x;height:32px;clear:both;color:#dadada;font-size:11px;border-top:10px solid #fff;margin:0;padding-left:10px; padding-right:0; padding-top:20px; padding-bottom:0}
.footer a:hover{text-decoration:none;color:#fff;border:none;}
.footer a:link, .footer a:active, .footer a:visited{text-decoration:none;color:#f1e5aa;border:none;}

/*****************************************/
/* COMMENTS*                              /
/*****************************************/
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:url('i/latestbck.gif') repeat-x;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url, input#author, input#email, textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}

the code too long...cant post in previous post...this is the continue code

Code:

/*****************************************/
/* WP-PAGENAVI*                           /
/*****************************************/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active{text-decoration:none;border:1px dashed #000;color:#7c940c;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi a:hover{border:1px dashed #000;color:#147;background-color:#FFF;}
.wp-pagenavi span.pages{color:#000;border:1px dashed #000;background-color:#FFF;margin:2px;padding:5px 10px;}
.wp-pagenavi span.current{font-weight:700;border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}
.wp-pagenavi span.extend{border:1px dashed #000;color:#000;background-color:#FFF;margin:5px;padding:5px 10px;}


/*****************************************/
/* LINKS H1 H2 H3 H4 H5*                  /
/*****************************************/
#info h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666633; }
.rsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666666; }
.lsidebar h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#669900; border-bottom:#ccc solid 1px; }
#content h2 { margin:0 0 10px 0; padding:0; font-size:15px; font-family:"Lucida Grande",tahoma,arial,helvetica,sans-serif; color:#666633; }
#content .entry h2 { margin:10px 0 10px 0; padding:0; font-size:18px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; color:#666; }
#content h2, .postinfo a:link, #content h2, .postinfo a:visited { font-weight:normal; text-decoration:none;}
#content h2, .postinfo a:visited {color:#666600}
#content h2, .postinfo a:hover, #content h2, .postinfo a:focus, #content h2, .postinfo a:active {color:#666600}
.entry a:link{ color:#666; font-weight:normal; text-decoration:none; border-bottom:dotted 1px #666; }
a:link, a:visited { color:#666; font-weight:normal; text-decoration:none; }
a:visited {color:#666600; text-decoration:none;}
a:hover, a:active { text-decoration:none; }
a:active {background:#ffc; text-decoration:none;}

try to reduce the below

#content{
width:575px;
float:left;
line-height:140%;
margin:0 auto;
padding:0;
}

and

#misc{
width:350px;
margin:0 0 10px 14px;
padding:0;
background:#fff;
float:left;}

still unable to solve with that changes,
here is the original style.css

Code:

/*  
Theme Name: BlogOhBlog
Theme URI: http://www.blogohblog.com/
Description: This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a>. I love to hear of my work being used :). Just leave my Bob link under your footer.
Version: 2.0
Author: Bob
Author URI: http://www.blogohblog.com/

This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. 

*/

/*****************************************/
/* SEXY BODY */
/*****************************************/
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;background:#50504f url('i/gbck.gif');}

/*****************************************/
/* BEGIN TOP *                            /
/*****************************************/
#box{width:945px;background:#fff;margin:20px auto;padding:10px;}
#top{width:945px;background:#000 url('i/topbck.gif') repeat-x;height:80px;margin:0;padding:0}
#header{float:left;width:440px;margin:0 0 0 10px;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;background:url('i/logo.gif') no-repeat left;height:51px}
p.desc {float:left;margin:5px 0 0 0;padding:0;color:#fff; } 
.ads{color:#fdfdb0;float:right;width:468px;text-align:right;font-size:11px;margin:10px auto;padding:0 10px 0 0;}
#jubow{background:#f3f2ed;height:30px;margin:10px auto; width:505px; float:left; position:inherit;}


/*****************************************/
/* SEARCH *                               /
/*****************************************/
#bsearch{width:375px;font-size:11px;margin:5px 0;padding:10px; background:url('i/info.gif') repeat-x; border:1px solid #eee; float:left}
#searchform{height:30px;line-height:30px;float:left;padding-top:5px;margin:0;}
#searchform #s{font-size:8pt;width:230px;}
#searchform #submit{font-size:8pt;}
input#s{color:#666;border:1px solid #cbcbcb;background:#fcfcfc;}


/*****************************************/
/* NAVIGATION TOP *                       /
/*****************************************/
#nav{width:505px;height:30px;line-height:30px;float:left;padding:0; margin:10px 0 10px 0;background:#f3f2ed;}
ul.nav{height:30px;line-height:30px;float:left;list-style:none;font-size:12px;font-weight:700;text-transform:uppercase;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav li a, ul.nav li a:link, ul.nav li a:visited{border-bottom:0px none;border-left:0px none;background:#f3f2ed;color:#555;float:left;display:block;text-decoration:none;padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}
ul.nav li a:hover, ul.nav li a:active{background:#fff;color:#555;text-decoration:none;}
ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#555;background:#fff;}
ul.nav li ul{float:left;margin:0;padding:0;}

/*****************************************/
/* MAIN ENTRY *                           /
/*****************************************/
#bgbox{width:945px;background:url('i/cbck.gif') repeat-y;margin:0;padding:0}
.line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}
.entry{width:500px;float:left;color:#666;background:url('i/dot.gif') repeat-x bottom;margin-left:0; margin-right:0; margin-top:0; margin-bottom:30px; padding-left:2px; padding-right:0; padding-top:0; padding-bottom:20px}
.entry p{text-align:justify;}
.entry img{border:1px #eee solid; max-width:98%;}
.entry2{width:500px;float:left;color:#666;text-align:justify;margin:5px auto;padding:5px 6px 10px;}
.pastentry{width:200px;float:left;color:#666;margin:0;padding:0;}
#content{width:550px;float:left;line-height:140%;margin:0 auto;padding:0;}
.left {float:left; width:240px; padding-right:10px; border-right:1px dashed #ccc; color:#666;}
.right {float:right;padding-right:20px;width:240px; color:#666;}
.clear {clear:both}

/*****************************************/
/* MISC HUH! *                            /
/*****************************************/
.navigation{width:350px;float:left;color:#666;border-bottom:#fff 2px solid;border-top:#fff 2px solid;padding:0 0 10px;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
.similiar{width:350px;float:left;color:#666;text-align:justify;border:#e5e5bd 1px solid;margin:5px auto;padding:5px 6px 10px;}
#misc{width:350px;margin:0 0 10px 11px;padding:0; background:#fff; float:left;}
#info{width:350px;font-size:11px;margin:5px 0;padding:10px; background:#fff url('i/rssbck.gif') repeat-x; border:1px solid #eee; float:left}
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.postmeta{color:#666;border-bottom:#699 1px solid;}
.postinfo img{border:none;}
img.wp-smiley{border:0px none;padding:0}
.twitter{width:350px;background:url('i/latestbck.gif') repeat-x;float:right;color:#333;text-align:justify;border:1px solid #e5e5bd;margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:6px; padding-right:6px; padding-top:5px; padding-bottom:5px}
.center{text-align:center;}
acronym, abbr, span.caps{cursor:help;}
acronym, abbr{border-bottom:1px dashed #999;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}
blockquote cite{display:block;margin:5px 0 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
#past { padding:0; margin:0;}
.googleads1{width:500px;float:left;color:#666;background:url('i/dot.gif') repeat-x bottom;margin-left:0; margin-right:0; margin-top:0; margin-bottom:30px; padding-left:2px; padding-right:0; padding-top:0; padding-bottom:20px}

/*****************************************/
/* SIDEBAR *                              /
/*****************************************/
#sidebar{width:350px;float:right;font-size:11px;padding:0; display: inline; background:#fff url('i/sidebar.gif') repeat-y right;; margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:5px}
.rsidebar{width:160px;float:right;color:#666;margin:0 auto;padding:0 0 0 10px;}
.lsidebar{width:160px;float:left;color:#666;max-width:100%;margin:0 auto;padding:0 10px 0 0;}
.rsidebar ul li ul{list-style-type:none;margin:0;padding:0 0 0 5px;}
.rsidebar ul li ul li{border-left:0px none; border-right:0px none; border-top:0px none; display:block;background:url('i/b2.gif') no-repeat 0 2px;border-bottom:1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:13px; padding-right:0; padding-top:0; padding-bottom:5px}
.lsidebar ul li ul{list-style-type:square;margin:0;padding:0 0 0 5px;}
.lsidebar ul li ul li{list-style-type:none;background:url('i/b.gif') no-repeat 0 2px;border:0px none;margin-left:0; margin-right:0; margin-top:0; margin-bottom:1px; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0}
#sidebar img, .lsidebar img{border:0px none;}
.rsidebar ul, .lsidebar ul{list-style-type:none;margin:0;padding:0;}
.rsidebar ul li, .lsidebar ul li{list-style-type:none;margin:0 0 15px;padding:0;}
.rsidebar p, .lsidebar p{padding:0 5px;}


/*****************************************/
/* FOOTER *                               /
/*****************************************/
#footer{width:935px;background:url('i/footer.gif') repeat-x;height:32px;clear:both;color:#dadada;font-size:11px;border-top:10px solid #fff;margin:0;padding-left:10px; padding-right:0; padding-top:20px; padding-bottom:0}
.footer a:hover{text-decoration:none;color:#fff;border:none;}
.footer a:link, .footer a:active, .footer a:visited{text-decoration:none;color:#f1e5aa;border:none;}

/*****************************************/
/* COMMENTS*                              /
/*****************************************/
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:url('i/latestbck.gif') repeat-x;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url, input#author, input#email, textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}

1st:
the light magenta background... edit or del the file http://www.littlepenang.com/blog/wp-...bv2/i/cbck.gif

2nd:
the "find entries" bg, choose either one "a" or "b" solutions below:
a. change the css style

#bsearch
{
width:375px;
font-size:11px;
margin:5px 0;
padding:10px;
background:url('i/info.gif') repeat-x;
border:1px solid #eee;
float:left
}

b. Edit the height of the background image as above css or actual url at: http://www.littlepenang.com/blog/wp-...bv2/i/info.gif

3rd:
increase the sidebar width css below:

#sidebar
{
width:350px;
float:right;
font-size:11px;
padding:0;
display: inline;
background:#fff url('i/sidebar.gif') repeat-y right;;
margin-left:5px;
margin-right:5px;
margin-top:0;
margin-bottom:5px}

I have edited the sidebar, all are nice, but when i come to increase the content and entry width, the ABOUT ME will apear on below of content...

i think there are some width need to change,is related to that ABOUT ME box but i have no idea where...

still need me to provide any code?

from the source code the about me column are using the below css..

#misc
{
width:350px;
margin:0 0 10px 11px;
padding:0;
background:#fff;
float:left;
}

#info{
width:350px;
font-size:11px;
margin:5px 0;
padding:10px;
background:#fff url('i/rssbck.gif')
repeat-x;
border:1px solid #eee;
float:left
}

try to reduce the above width after you increase the content and entry width

I manage to adjust the width, and also i know how to adjust the bgcolor on the sidebar, but now, i need to adjust the vertical link between the sidebar and the content...i have no idea where to look...

anyone can advice

kindly refer to LittlePenang

vertical link or vertical LINE? the dot line one?
it's BACKGROUND IMAGE as usual.

i think calyvn must be mentioning the dotted vert line in between the post and sidebar coz it obviously look out of place and cutting through the wording in the articles.

if thats the case... modify the bg image (cbck.gif) gif file or refer to below ur

http://www.littlepenang.com/blog/wp-...bv2/i/cbck.gif

u might need to zoom in the image to bout 400 -500% to see the dot in the image...