my blog is here www.beauty.oamsites.com I want to increase the width of the left side bar. this is style.css /* Theme Name: deBleu Theme URI: http://www.jauhari.net/themes/debleu Description: <p>deBleu Theme is clean layout that build with 2 Colums Layout.</p><ul style="list-style:none;"><li>* Left Sidebar and No Images</li><li>* Widget Ready and Change About text via Admin Profile<li><li>* Tested on WordPress 2.1.x</li></ul> <p>Visit the <a href="http://www.jauhari.net/themes/debleu">Theme Page</a> for theme update and other related information.</p><p>The CSS, XHTML and design is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a></p> Version: 2.1 Author: Nurudin Jauhari Author URI: http://www.jauhari.net/ This theme was designed and built by Nurudin Jauhari, whose blog you will find at http://jauhari.net/themes/debleu Crafted on 10 April 2007 Last Edit: 23 April 2007 11.03 +7 GMT The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License: http://creativecommons.org/licenses/by/3.0/ */ /* Social Style ********************* */ html { height: 100%; margin-bottom: 0.1em; overflow-y: scroll; } * { margin: 0; padding: 0; } img { border: 0; } p { line-height: 1.6em; margin: 0.7em 0; } dl { margin: 1em 0; } dt { font-weight: bold; } dd { margin: 0.5em; padding: 0; } img.right { float: right; margin: 10px 0 0 10px; } img.left { float: left; margin: 0 10px 10px 0; } hr { display: none; } body { background-attachment: fixed; background: #0366C3; color: #444; font: 75%/1.6em Verdana, Arial, Serif; margin: 0 0 30px; padding: 0; text-align: center; } a { text-decoration: none; } a:link, a:visited { color: #666; } a:hover, a:active { } h1, h2, h3, h4, h5, h6 { font-family: Georgia, Verdana, Arial, Serif; } /* Etc ******************** */ br.clear { clear: both; } /* Design ******************** */ #top { background: #D4E6F7; border-bottom: 5px solid #1A4568; } #page { text-align: left; width: 750px; background: #fff; margin: 20px auto 0; padding: 10px; border-bottom: 1px solid #ccc; } #pager { height: 130px; border-top: 1px solid #666; margin-bottom: 0; background: #E2CC22 url(images/headr.jpg) left bottom no-repeat; border-bottom: 4px solid #AA1D16; } #headr { text-align: right; margin: 0 auto; background: #2FA0E4; padding: 20px; margin-bottom: 10px; } #headr .description { color: #efefef; margin-left: 30px; } #content { width: 530px; float: right; padding-left: 0; } .post { border: 1px solid #D4E6F7; margin-bottom: 10px; padding: 10px 10px 0; background: #fff; } .post:hover { border: 1px solid #2FA0E4; margin-bottom: 10px; padding: 10px 10px 0; background: #fff; } #sidebar { width: 207px; float: left; background: #fff; color: #1A4568; padding-bottom: 20px; border: 1px solid #D4E6F7; } #sidebar:hover { width: 207px; background: #fff; color: #1A4568; padding-bottom: 20px; border: 1px solid #2FA0E4; } .side2 { float: left; padding-left: 15px; width: 180px; } #footer { width: 750px; margin: 0 auto; padding-top: 10px; text-align: left; } /* Design ******************** */ #sidebar ul{ list-style: none; } /* Design Typo ********************* */ #headr h1 { margin: 0; color: #efefef; font: 3.5em "Trebuchet MS", Verdana, sans-serif; } #headr h1 a { color: #fff; } #sidebar h2{ font: 1.4em "Trebuchet MS", Verdana, sans-serif; color: #F27F21; border-bottom: 1px solid #666; padding-bottom: 5px; margin-top: 10px; margin-bottom: 5px; } #sidebar a { color: #0366C3; } #sidebar a:hover { color: #1A4568; } #sidebar #avatr { border: 1px solid #666; } h2.pagetitle { text-align: right; border-bottom: 1px solid #ccc; } .post h2 { font: 1.8em "Trebuchet MS", Verdana, sans-serif; } .post h2 a { color: #D72D48; } .post h2 a:hover { color: #333; } .post ul { margin-left: 35px; } .post ol { margin-left: 40px; } p.postmetadata { color: #999; text-align: right; color: #999; font-size: 85%; margin-bottom: 10px; border-top: 1px solid #efefef; padding: 5px 0; } p.postmetadata a { color: #666; text-decoration: none; } .post ul.postspermonth{ list-style:none; padding: 0; margin: 0; } .post p a { border-bottom: 1px solid #ccc; } .post p a:hover { border: none; } .post a img, .post img { border: none; float: left; padding-right: 5px; } .categr, .monthr { margin-bottom: 20px; } .categr h2, .monthr h2{ border-bottom: 1px solid #ccc; } #footer { color: #efefef; font-size: 0.95em; text-align: center; } #footer a { color: #fff; text-decoration: underline; } #footer a:hover { color: #fff; text-decoration: none; } .rss { background: url(images/feed-icon-10x10.png) left center no-repeat; padding-left: 12px; } /* Comment Etc ********************* */ .navigation a { color: #F27F21; } .alignleft { float: left; width: 50%; } .alignright { float: right; text-align: right; width: 50%; } .ileft { float: left; margin-right: 5px; } p.stats { color: #999; font-size: .8em; border: 1px solid #ccc; border-left: none; border-right: none; } blockquote { background: url(images/blockquote.gif) no-repeat left top; color: #666; margin: 1em; padding: 0 0 10px 50px; } #content .commentsfeedr { background: url(images/feed.png) no-repeat left center; padding-left: 20px; } #content .trackbackr { background: url(images/arrow_refresh.png) no-repeat left center; padding-left: 20px; } input.textbox, textarea { background: #fff url(images/shadow_top.gif) repeat-x top; border: #ccc 1px solid; font: 1em Verdana, Arial, Serif; padding: 2px; } input.textbox:focus, textarea:focus { background: #fff url(images/shadow_top.gif) repeat-x top; border: #999 1px solid; } #submit { padding: 3px 5px; } .comment { background: #fff url(images/shadow_top.gif) repeat-x top; border-bottom: #ddd 1px solid; list-style: none; margin: 0; padding: 1em 0.5em; } .alt { background: #f9f9f9; } .MyAvatars { border: 1px solid #ccc; border-bottom: 1px solid #999; border-right: 1px solid #999; float: right; margin-left: 5px; margin-right: 10px; padding: 3px; } #comment { width: 100%; } /* Top Navigation Style ********************* */ #navr { background: transparent; font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif; margin: 0 auto 0; overflow: hidden; padding: 20px 0 0; position: relative; text-align: left; width: 770px; } html #navr { height: 1%; } #navr ul li { float: left; list-style-type: none; margin: 0 5px 0 0; } #navr ul li a { background: #8BC9F0; border: #2FA0E4 1px solid; border-bottom: none; color: #1A4568; display: block; font-weight: bold; letter-spacing: 0px; padding: 2px 10px; text-decoration: none; } #navr ul li a:hover { background: #2FA0E4; border: #1A4568 1px solid; border-bottom: none; color: #fff; } #navr ul li a:active, #navr ul li.current_page_item a { background: #1A4568; border: #1A4568 1px solid; border-bottom: none; color: #fff; font-weight: bold; } #sidebar input#s { width: 90%; padding: 5px; margin-bottom: 10px; background: #F7EED4; font-weight: bold; border: 1px solid #F7C538; color: #F27F21; } #sidebar input#s:focus { width: 92%; padding: 5px; margin-bottom: 10px; background: #999; color: #fff; border: 1px solid #333; } #sidebar input#searchsubmit { background: #30BA47; border: #269237 2px solid; color: #fff; font-size: 1.3em; margin: 0; font-weight: bold; padding: 2px 6px; } #right input#searchsubmit:focus { background: #BCE240; } fieldset { border: none; } textarea#cp_message { width: 100%; } pre { width: 95%; overflow:auto; font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif; color: #2FA0E4; max-height: 350px; line-height: 18px; margin: 10px 0; border: 1px solid #2FA0E4; padding: 5px; background: #D4EAF7; } code { font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif; color: #2FA0E4; padding: 2px; } /* Change Log *** 1.0 : Public Releaed 1.1 : Fix Author Description and RSS Icon *** */ Code (markup):
There is a code, #sidebar input#s { width: 90%; padding: 5px; margin-bottom: 10px; background: #F7EED4; font-weight: bold; border: 1px solid #F7C538; color: #F27F21; } #sidebar input#s:focus { width: 92%; padding: 5px; margin-bottom: 10px; background: #999; color: #fff; border: 1px solid #333; Code (markup): In width line,make it 100% in both. Hope,it helps..
this is not helping look at my site. sorry I was trying other themes earlier. I want to increase the width of the side bar to 250 pixels.