The code of my style.css is /* -------------------[ Main Page Elements ]------------------- */ body { background: #0066cc url(images/bodybg.gif) top left repeat-x; text-align: left; margin: 0; padding: 0; line-height: 1.4em; color:#333; font-family:arial,helvetica,sans-serif; font-size:9pt; } #wrap { clear: both; margin: 0 auto; padding:0; width:980px; } #header { padding:0; margin: 0 auto; position:relative; padding: 0; z-index:9999; } #head-content { width:980px; margin: 0 auto; background:url(images/logo.gif) 0 0 no-repeat; height:119px; padding: 0; } #sitetitle { width:480px; float:left; margin:0; padding:0; } #sitetitle h1, #sitetitle .title { font-size: 30px; padding:0; margin:30px 0 0; text-align:left; line-height: 1.2em; letter-spacing:-1px; color:#000; } #sitetitle .description { font-size: 9pt; padding: 0; margin:0; text-align:left; color:#fff; } #head-banner468 { float:right; width:468px; height:60px; margin-top:30px; overflow:hidden; } #subhead { height:7px; clear: both; margin: 0 auto; padding: 0; width:980px; background: #fff url(images/subhead.gif) top left no-repeat; } #page { clear: both; margin: 0 auto 0; padding: 15px 0 15px 15px; width:965px; background: #fff url(images/pagebg.gif) top left repeat-y; border-top:1px solid #fff; } #contentleft { width: 630px; float:left; padding: 0; margin: 0; overflow:hidden; } #content { width: 630px; margin: 0; padding: 0; } #contentright { width: 320px; padding: 0; float:right; margin:0; overflow:hidden; } #sidebar { width: 320px; float:right; overflow:hidden; } #footer { text-align:center; padding:20px 0; clear: both; margin: 0 auto; width:980px; overflow:hidden; } #footer .limit { padding: 0; margin:0 auto; width:980px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* -------------------[ Misc Tags and Classes ]------------------- */ p { margin-top: 0px; margin-bottom: 15px; } ol { margin-left: 40px; padding: 0; } ul { margin-left: 20px; padding: 0; } .post ul, .post ol { list-style-type: none; } .post ul li { list-style-type:none; padding: 0; margin: 0 0 2px; padding-left:16px; background:url(images/arrow-simple.gif) 0 3px no-repeat; } .post ul li li { padding-left:0; background:transparent; } .post ol li { list-style-type:decimal; margin-left: 0; padding-left: 0; } .post ul ul { margin-left:0; } form, select { margin:0; padding:0; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px solid #999; } * html acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 0 20px 15px; color: #666; background:#eee; padding: 15px 20px 1px; } .center { text-align: center; } a img, img a { border: none; } .post { clear:both; margin: 0 0 15px; padding:0 0 1px; background: url(images/dot2.gif) bottom left repeat-x; } .singlepost .post { margin: 0 0 10px; border:0; background:transparent; padding:20px; border:1px solid #ddd; } .singlepost .sitemap .post { border:0; margin: 0 0 10px; padding:0 0 1px; background: url(images/dot2.gif) bottom left repeat-x; } .entry { margin: 0; padding: 0; } .postdate { font-size:8pt; margin-bottom: 15px; } .singlepost .postdate { background:url(images/dot1.gif) bottom left repeat-x; padding-bottom:5px; margin-bottom:15px; } code { font: 1.1em 'Courier New', Courier, Fixed; } hr { display: block; clear:both; } .navigation { margin: 0; padding: 10px 0 0; font-weight:bold; clear:both; } .alignright { float: right; } .alignleft { float: left; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; float: none; clear: both; } .banner468 { text-align:center; margin: 0 auto 10px; padding:5px 0px; border:1px solid #ddd; background:#eee; float:none; display:block; } .tags { margin: 0; padding: 0; } .cats { margin: 0; padding: 0; } input:focus { outline: none; } p#breadcrumbs { padding: 0 0 5px; background: url(images/dot1.gif) bottom left repeat-x; font-size:8pt; margin: 0 0 5px; font-family:arial,helvetica,sans-serif; color:#666; } .archive-border { padding:20px; margin:0 0 10px; border:1px solid #ddd; } /* ---------------[ Tables ]--------------- */ table { margin-bottom:15px; } tr, td, th { margin:auto; } td, th { padding:5px; vertical-align:top; } th { font-weight:bold; background:#ddd; } td { border:1px solid #ddd; } /* -------------------[ Author Bio Info ]------------------- */ .auth-bio { padding: 15px; margin: 0 0 15px; background:#eee; border:1px solid #ddd; } .singlepost .auth-bio { margin: 0 0 10px; } .auth-bio img.avatar { padding:1px; background:#fff; border:1px solid #ddd; float:right; margin:0 0 0 10px; } .auth-bio p { margin:0; } /* -------------------[ Comments ]------------------- */ .allcomments { padding: 10px 0 0; margin:0; } .commentlist { padding: 0; list-style-type:none; margin: 0 ; } .commentlist li { background: #eee; clear:both; margin: 15px 0 0; padding: 15px; border:1px solid #ddd; list-style-type:none; } .commentlist li ul.children li { background: #fff; } .commentlist li ul.children { margin: 0; padding: 0; } .commentlist li.alt { } .commentmetadata { display: block; margin-bottom:10px; font-size: 8pt; } .commentlist cite { font-style:normal; font-weight:bold; } #commentform { padding: 0; margin: 0; } #commentform input#author, #commentform input#email, #commentform input#url, #commentform textarea { padding:10px; border:1px solid #ddd; background:#fff; } #commentform input#submit { cursor:pointer; } #commentform textarea { width:80%; } .thread-alt { } .thread-even { } #respond { margin: 10px 0 0; padding:15px; background:#eee; border:1px solid #ddd; clear:both; } .commentlist #respond { clear:both; padding-top:10px; } .comments-navigation { display:block; margin: 0; padding:5px 0; font-weight:bold; } .comments-navigation .alignleft { float:left; } .comments-navigation .alignright { float:right; } .comments-number { font-size:8pt; font-weight:bold; margin-bottom:0; padding:0 0 5px; } .commentlist img.avatar, .commentlist img.comment-grav { padding:2px; background:#fff; border:1px solid #ddd; float:right; margin:0 0 10px 10px; } .reply { padding: 0 0 5px; } a.comment-reply-link, a.comment-reply-link:link, a.comment-reply-link:visited, .reply a, .reply a:link, .reply a:visited { clear:both; background:#ddd; padding: 5px 10px; font-weight:bold; font-size:8pt; text-transform:lowercase; color:#000; } a.comment-reply-link:hover, a.comment-reply-link:active, .reply a:hover, .reply a:active { background:#000; color:#fff !important; border:1px solid #000; } .comment-body ul { list-style-type:disc; margin:0 30px 15px; padding:0; border:none; } .comment-body ul li { list-style-type:disc; margin:0; padding:0; border:none; } .cancel-comment-reply { padding: 5px 0 10px; } /* -------------------[ Sidebar ]------------------- */ #sidebar ul { list-style-type: none; margin: 0; padding: 0; } #sidebar ul ul { margin: 0; padding: 10px; } #sidebar ul ul ul { margin: 0; padding: 0; } #sidebar ul ul ul ul { margin: 0; padding: 0; } #sidebar li { list-style-type: none; margin: 0; padding:0; border-bottom:1px solid #ddd; } #sidebar li li { margin: 0 0 5px; padding:0 0 0 16px; background:url(images/arrow-simple.gif) 0 3px no-repeat; border-bottom:0; } #sidebar li li li { margin: 0; padding:0; border:0; background:transparent; } #sidebar li li li:hover { } #sidebar li li li li { margin: 0 0 0 15px; padding:0; background:transparent; } #sidebar .textwidget { padding: 10px; } #sidebar li#tag-cloud ul { } #sidebar li.widget_tag_cloud div { padding:10px; line-height:2em; } #sidebar li#tag-cloud ul.wp-tag-cloud { padding:10px; line-height:2em; } #sidebar li#tag-cloud li { border:0; float:none; display:inline; padding: 0; margin: 0; background:transparent; background-image: none; } #sidebar li#tag-cloud li a { padding:0; background:transparent; background-image: none; } #sidebar li select { width:160px; margin: 0; } #sidebar li li.recentcomments { margin: 0 0 10px; padding-left: 20px; background:url(images/comments.gif) 0 1px no-repeat; } #sidebar .widget_flickrRSS img { margin: 0 5px 5px 0; background: #ddd; padding: 3px; width:75px; height:75px; } #sidebar #calendar_wrap, #sidebar #akismetwrap { padding:10px; margin:0; } #sidebar li#sidebar-banner300 { padding: 0 10px 10px; margin: 0 0 10px; } /* ---------------[ Site Map Page ]--------------- */ .post .sitemap ul { margin-top: 0; margin-left: 0; } .post .sitemap ul ul { margin-left: 0; } .post .sitemap ul ul ul { margin-left: 15px; } .sitemap img.post-thum, .sitemap img.thumbnail { float:right; margin: 0 0 10px 10px; width:75px; height:75px; } p.site-map { margin: 0; font-weight:bold; font-size:10pt; } .map-narrow { width:30%; float:right; border:1px solid #ddd; background:#eee; padding: 10px; } .map-wide { width:60%; float:left; } /* ---------------[ Related Posts on Single Post Page ]--------------- */ #related { background:#eee url(images/dot.gif) 45% 0 repeat-y; border:1px solid #ddd; padding:15px; margin: 0 0 10px; } #related .related-posts { font-weight:bold; width: 53%; float:right; } #related .related-posts p { margin:0; } #related .related-posts h3, #related .related-posts h2, #related .related-posts h1 { margin:0; font-size:12pt; letter-spacing:0; } #related .related-posts ol { font-weight:normal; margin:2px 0 0 25px; } #related .subscribe { width: 43%; float:left; } #related .subscribe p.intro { font-weight:bold; } #related .subscribe p.feed { margin-bottom:10px; font-weight:bold; padding-left: 21px; background: url(images/FeedIcon-16.gif) 0px 50% no-repeat; } #related .subscribe form { margin:0; padding:0; } /* -------------------[ Top Navigation ]------------------- */ #topnav { background: #1a1a1a url(images/topnavbg.gif) top left no-repeat; margin:0 auto; padding:0 15px; width:950px; position:relative; z-index:9999; border-bottom:1px solid #000; } #topnav ul { width:740px; list-style: none; padding: 0; margin: 0; } #topnav li { margin: 0; padding:0; float: left; height:60px; line-height:60px; } #topnav li li { padding:0; margin: 0; height:30px; line-height:30px; } #topnav li a, #topnav li a:link, #topnav li a:visited { color: #fff; text-decoration: none; display: block; text-decoration: none; padding: 0px 10px; } #topnav li a:hover, #topnav li a:active { color: #eee; } #topnav li.current_page_item { padding-right:10px; background:url(images/nav-rt.gif) top right no-repeat; } #topnav li.current_page_item a, #topnav li.current_page_item a:link, #topnav li.current_page_item a:visited { background:url(images/nav-left.gif) top left no-repeat; padding-right: 0; } #topnav li li.current_page_item { padding-right:0; background:transparent; } #topnav li li.current_page_item a, #topnav li li.current_page_item a:link, #topnav li li.current_page_item a:visited { background:transparent; padding: 0px 10px; } #topnav li ul { float:none; z-index:9999; position: absolute; left: -999em; height: auto; width: 200px; margin: 0; padding:0; background:#ccc; border:1px solid #000; } #topnav li.current_page_item ul { } #topnav li li.current_page_item ul { } #topnav li.current_page_item li { background-image:none; padding:0; margin: 0; } #topnav li ul a, #topnav li ul a:link, #topnav li ul a:visited, #topnav li.current_page_item ul a, #topnav li.current_page_item ul a:link, #topnav li.current_page_item ul a:visited { background-image:none; padding: 0px 10px; width:180px; background:transparent; color:#000; } #topnav li ul a:hover, #topnav li ul a:active, #topnav li.current_page_item ul a:hover, #topnav li.current_page_item ul a:active { background:#333; color:#fff; } #topnav li ul ul, #topnav li.current_page_item ul ul { border-top:0; margin: -30px 0 0 200px; } #topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul { left: -999em; } #topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { left: auto; } #topnav li:hover, #topnav li.sfhover { width:auto; } /* -------------------[ Searchform ]------------------- */ #topnav #topsearch { position: absolute; top: 0; right:15px; width:200px; height:60px; background:url(images/searchbg.gif) top left no-repeat; } #topnav #searchform { padding:0; margin:0; } #topnav #searchform #searchfield { font-size:9pt; float:left; padding:0; width:150px; margin: 23px 0 0 25px; border:0; background:transparent; color:#888; line-height:1.1em; } #topnav #searchform #submitbutton { margin: 15px 0 0; float:right; font-size:8pt; width:20px; height:30px; text-align:center; border:0; background: transparent; } /* -----------[ Bottom Categories ]----------- */ #bottom-cats { margin: 0 auto; padding: 5px; overflow:hidden; border-top:1px solid #ddd; background:#fff; } #bottom-cats ul { list-style-type:none; width:960px; margin: 0 auto; padding: 5px; overflow:hidden; background:#000; } #bottom-cats li { padding:3px; margin: 0; float:left; list-style-type:none; display:inline; } #bottom-cats a, #bottom-cats a:link, #bottom-cats a:visited { background:#111; display:block; float:left; padding:5px; width:174px; border:1px solid #222; overflow:hidden; font-size:9pt; color:#aaa; } #bottom-cats a:hover, #bottom-cats a:active { color:#fff; background:#000; } /* -------------------[ Side Tabs ]------------------- */ #sidebar li#side-tabs { padding: 10px; margin:0; } #sidebar #side-tabs ul, #side-tabs ul { margin: 0; padding: 0; background:transparent; border:0; } #side-tabs ul.tabs { list-style-type:none; margin: 0; padding: 0; clear:both; } #side-tabs ul.tabs li { border:0; background:transparent; float: left; display: inline; margin: 0; padding: 0; } #side-tabs ul.tabs li a, #side-tabs ul.tabs li a:link, #side-tabs ul.tabs li a:visited { float: left; display: block; padding: 5px 8px; color:#666; font-size:8pt; font-weight:bold; } #side-tabs ul.tabs li a:hover, #side-tabs ul.tabs li a:active { color:#000; } #side-tabs ul.tabs li a.on { background:#ccc; color:#000; } #side-tabs .cat_content { border:1px solid #ccc; padding: 0; background:#ddd; margin: 0 !important; } #side-tabs select { margin: 10px !important; } #side-tabs .cat_content li { margin: 0 !important; padding:10px !important; background:transparent !important; border-bottom: 1px solid #ccc !important; } /* ---------[ Sidebar Subscribe ]--------- */ #sidebar li#sidebar-subscribe { padding: 0 10px 10px; } a#rss-sub, a#rss-sub:link, a#rss-sub:visited { height:37px; width:250px; background: url(images/rss-sub.gif) top left no-repeat; display:block; padding:0; margin: 0; } a#rss-sub:hover, a#rss-sub:active { background: url(images/rss-sub.gif) bottom left no-repeat; } .email-sub { } .email-sub form { padding: 47px 0 0 0; margin:10px 0 0; background: url(images/email-sub.gif) top left no-repeat; } .email-sub input#sub { padding: 5px 5px 0; background: #fff; border:1px solid #ccc; width:160px; color:#999; height:21px; font-size: 10pt; float:left; clear:left; margin:0 5px 0 0; } .email-sub input#subbutton { padding: 0; background: transparent url(images/submit.gif) top left no-repeat;; border:0; height:28px; width:60px; cursor:pointer; float:left; clear:right; margin:0; } .email-sub input#subbutton:hover { background: transparent url(images/submit.gif) bottom left no-repeat;; } a#twitter-sub, a#twitter-sub:link, a#twitter-sub:visited { height:89px; width:250px; background: url(images/twitter-sub.gif) top left no-repeat; display:block; padding:0; margin: 15px 0 0; } a#twitter-sub:hover, a#twitter-sub:active { background: url(images/twitter-sub.gif) bottom left no-repeat; } .other-sub { padding: 0; background:#ddd; border:1px solid #ccc; border-bottom:0; margin: 15px 0 0; } .facebook-sub { height:36px; line-height:36px; margin: 0; padding: 0 10px 0 35px; background: url(images/facebook.png) 10px 50% no-repeat; border-bottom:1px solid #ccc; } .linkedin-sub { height:36px; line-height:36px; margin: 0; padding: 0 10px 0 35px; background: url(images/linkedin.png) 10px 50% no-repeat; border-bottom:1px solid #ccc; } .flickr-sub { height:36px; line-height:36px; margin: 0; padding: 0 10px 0 35px; background: url(images/flickr.png) 10px 50% no-repeat; border-bottom:1px solid #ccc; } /* ---------[ Slideshow ]--------- */ #home-top { width:950px; background:#fff; margin:0 auto; padding:15px 15px 5px; overflow:hidden; border-bottom:1px solid #ddd; } #slideshow { width: 940px; margin: 0 0 10px; padding:0; background:#000; height:250px; overflow:hidden; border:5px solid #000; } #slideshow ul { background:transparent; margin: 0; padding: 0; list-style-type: none; } /* ---------[ Slideshow Slides ]--------- */ #slideshow .slides { width:540px; overflow: hidden; float:left; color:#fff; } #slideshow .slides ul { float:left; overflow: hidden; width:540px; height:250px; } #slideshow .slides li { display:none; left:-99999em; width:540px; height:250px; display:block; overflow: hidden; background:#000; position:relative; z-index:1; } .js #slideshow .slides li { margin: 0; padding: 0; list-style-type: none; width:540px; height:250px; display:block; overflow: hidden; background:#000; position:relative; z-index:1; } .js #slideshow .slides li .entry { width:530px; padding: 5px; overflow: hidden; position:absolute; bottom:0; left:0; background:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } #slideshow .slides li .entry p { margin: 0; } #slideshow .slides li .entry h2 a, #slideshow .slides li .entry h2 a:link, #slideshow .slides li .entry h2 a:visited, #slideshow .slides li .entry h2 a:hover, #slideshow .slides li .entry h2 a:active { font-size:12pt; line-height: 1.1em; margin:0; color:#fff !important; margin: 0; letter-spacing:0; } /* ---------[ Slideshow Navigation ]--------- */ #slideshow ul.slides-nav { height:250px; width:395px; margin:0; padding: 0; float:right; overflow:hidden; } #slideshow .slides-nav li { display:block; margin:0; padding:0; list-style-type:none; display:block; } #slideshow .slides-nav li a { width:375px; font-family:arial,helvetica,sans-serif; display:block; margin:0; padding:10px; list-style-type:none; display:block; height:30px; color:#999; font-size:8pt; overflow:hidden; background: #1A1A1A; line-height:1.35em; } .js #slideshow .slides-nav li.on a { background: #292929 url(images/featbg.gif) top left no-repeat; color:#fff; } .js #slideshow .slides-nav li a:hover, .js #slideshow .slides-nav li a:active { color:#fff; } #slideshow .slides-nav li a img.post-thum, #slideshow .slides-nav li a img.thumbnail { float:left; margin: 0 10px 0 0; border:0; padding:1px; background:#999; width:28px; height:28px; } .js #slideshow .slides-nav li.on a img.post-thum, .js #slideshow .slides-nav li.on a img.thumbnail { background:#fff !important; } /* ---------[ More Features ]--------- */ #more-feat { width:950px; background:#fff; margin:0 auto; padding:0; overflow:hidden; } #more-feat .post { border:1px solid #ddd; font-size:8pt; width:228px; background:#eee; margin:0 10px 10px 0; padding:0; overflow:hidden; float:left; display:inline; clear:none; } #more-feat .right .post { margin:0; float:right; } #more-feat .post .entry { line-height: 1.3em; margin:0; padding:8px; height:105px; overflow:hidden; } #more-feat .post .entry-bottom { margin:5px 0 0; padding:5px 8px; border-top:1px solid #ddd; background:#e5e5e5; } #more-feat h2 { font-size: 10pt; letter-spacing:0; margin:0; } #more-feat img.thumbnail { float:right; margin: 0 0 5px 5px; padding:1px; background:#fff; width:70px; height:70px; border:1px solid #ccc; } /* -------------------[ Magazine Home Page Styles ]------------------- */ ul.home-left { width:49%; padding:0; float:left; margin:0 0 15px; list-style-type:none; } ul.home-right { width:49%; padding:0; float:right; margin:0 0 15px; list-style-type:none; } ul.home-bottom { clear:both; width:100%; padding:0; margin:0; list-style-type:none; } ul.home-left li, ul.home-right li, ul.home-bottom li { margin:0; padding:0; } ul.home-right li.homepost, ul.home-left li.homepost, ul.home-bottom li.homepost { font-size:9pt; margin:0; padding:0; list-style-type:none; border:1px solid #ddd; border-top:0; } ul.home-right li.homepost .entry, ul.home-left li.homepost .entry, ul.home-bottom li.homepost .entry { padding: 10px 10px 0; } ul.home-right li.title, ul.home-left li.title, ul.home-bottom li.title { margin:0; padding:0 10px; list-style-type:none; border:1px solid #ddd; background:#e5e5e5; clear:both; } ul.home-right .bottom, ul.home-left .bottom, ul.home-bottom .bottom { clear:both; font-size: 8pt; padding: 5px 10px; background:#eee; border-top:1px solid #e5e5e5; margin: 10px 0 0; } ul.home-right li.title h2.feat-title, ul.home-left li.title h2.feat-title, ul.home-bottom li.title h2.feat-title { letter-spacing:0px; font-size: 10pt; padding:5px 0; margin: 0; float:left; width:74%; } ul.home-bottom li.title h2.feat-title { padding: 8px 0 0; } ul.home-right li.title .moreposts, ul.home-left li.title .moreposts, ul.home-bottom li.title .moreposts { text-align:right; float:right; width:24%; font-size:9pt; font-weight:bold; padding:5px 0; margin:0; } li.homepost img.post-thum, li.homepost img.thumbnail { width:70px; height:70px; float:right; margin: 0 0 10px 10px; } li.homepost h3 { padding:0; margin: 0; letter-spacing:0px; font-size:9pt; line-height:1.3em; } li.homepost p { margin-bottom:0; } Code (markup): Pleaase tell me where to change these settings.
I think you need to change the value of width for below given in your css file. #contentleft #content #contentright #sidebar DON.
I have make changes in . #contentleft #content #contentright #sidebar but cant find the result as i want(image shown in post)
I too make use of WP-GENIUS here www.sagardezign.com/blog Try this changes in RED: #contentleft { width: 650px; float:left; padding: 0; margin: 0; overflow:hidden; } #content { width: 650px; margin: 0; padding: 0; } #contentright { width: 300px; padding: 0; float:right; margin:0; overflow:hidden; } #sidebar { width: 300px; float:right; overflow:hidden; }