CINXE.COM
how to enlarge the main column and narrow the right side bar column - Themes by bavotasan.com - Support Forum
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-ca"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://themes.bavotasan.com:80/support/discussion/58/how-to-enlarge-the-main-column-and-narrow-the-right-side-bar-column","20101121182224","https://web.archive.org/","web","/_static/", "1290363744"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <title>how to enlarge the main column and narrow the right side bar column - Themes by bavotasan.com - Support Forum</title> <link rel="stylesheet" type="text/css" href="/web/20101121182224cs_/http://themes.bavotasan.com/support/applications/dashboard/design/style.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101121182224cs_/http://themes.bavotasan.com/support/plugins/Tagging/design/tag.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101121182224cs_/http://themes.bavotasan.com/support/plugins/Example/design/example.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101121182224cs_/http://themes.bavotasan.com/support/plugins/GeSHiSyntaxHighlighter/styles.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101121182224cs_/http://themes.bavotasan.com/support/themes/bavotasan/design/custom.css?v=2.0.13" media="screen"/> <link rel="shortcut icon" href="/web/20101121182224im_/http://themes.bavotasan.com/support/themes/bavotasan/design/favicon.png" type="image/x-icon"/> <link rel="canonical" href="https://web.archive.org/web/20101121182224/http://themes.bavotasan.com/support/discussion/58/how-to-enlarge-the-main-column-and-narrow-the-right-side-bar-column/p1"/> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/js/library/jquery.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/js/library/jquery.livequery.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/js/library/jquery.form.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/js/library/jquery.popup.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/js/library/jquery.gardenhandleajaxform.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/js/global.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/js/library/jquery.resizable.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/js/library/jquery.ui.packed.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/js/library/jquery.autogrow.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/applications/vanilla/js/options.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/applications/vanilla/js/bookmark.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/applications/vanilla/js/discussion.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/applications/vanilla/js/autosave.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121182224js_/http://themes.bavotasan.com/support/plugins/Example/js/example.js?v=2.0.13" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function(){ var shrink = jQuery(".geshi_syntax").width(); jQuery(".geshi_syntax").hover(function() { var expand = jQuery("table", this).width(); if (expand > shrink) { jQuery(this) .stop(true, false) .css({ zIndex: "100", position: "relative" }) .animate({ width: expand + "px" }); } }, function() { jQuery(this) .stop(true, false) .animate({ width: shrink + "px" }); }); }); </script> <script type="text/javascript" src="https://web.archive.org/web/20101121182224js_/http://support.bavotasan.com/swfobject.js"></script> <link href="https://web.archive.org/web/20101121182224cs_/http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT&subset=latin" rel="stylesheet" type="text/css"/> <!--[if IE]> <link rel="stylesheet" type="text/css" href="http://themes.bavotasan.com/support/themes/bavotasan/design/iestyles.css" /> <![endif]--> </head> <body id="vanilla_discussion_index" class="Vanilla Discussion Index "> <div id="Frame"> <div id="header" class="fl"> <a href="https://web.archive.org/web/20101121182224/http://themes.bavotasan.com/" id="name" class="fl"><span class="icon-sprites icon-logo"></span></a> <div id="hd-right" class="fr"> <div class="signin fr"> <a href="https://web.archive.org/web/20101121182224/http://themes.bavotasan.com/themers/?redirect=support" class="signin-button">Sign In</a> </div> <a href="https://web.archive.org/web/20101121182224/http://bavotasan.com/feed/" class="icon-sprites icon-rss fr"></a> <a href="https://web.archive.org/web/20101121182224/http://twitter.com/bavotasan" class="icon-sprites icon-twitter fr"></a> <span class="icon-sprites icon-followme"></span> </div> </div> <!-- end header --> <div id="main-navigation" class="clear fl"> <ul id="menu-main" class="fl"> <li id="menu-item-372" class="menu-item menu-item-type-custom menu-item-372"><a href="https://web.archive.org/web/20101121182224/http://themes.bavotasan.com/">Home</a></li> <li><a href="https://web.archive.org/web/20101121182224/http://themes.bavotasan.com/category/our-themes/">Our Themes</a></li> <li><a href="https://web.archive.org/web/20101121182224/http://demos.bavotasan.com/">Demos</a></li> <li><a href="https://web.archive.org/web/20101121182224/http://bavotasan.com/">Blog</a></li> <li><a href="https://web.archive.org/web/20101121182224/http://themes.bavotasan.com/themers/">Themers Only</a></li> <li><a href="https://web.archive.org/web/20101121182224/http://themes.bavotasan.com/support/">Support</a></li> <li><a href="https://web.archive.org/web/20101121182224/http://themes.bavotasan.com/contact/">Contact</a></li> </ul> <div class="searchform"> <form method="get" action="/web/20101121182224/http://themes.bavotasan.com/support/search"> <div> <input type="text" id="Form_Search" name="Search" value="" class="InputBox"/></div> </form> </div> </div> <div id="Body"> <div id="Content"><div class="Tabs HeadingTabs DiscussionTabs"> <ul> <li><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/magazine-premium">Magazine Premium</a></li> </ul> <div class="SubTab">how to enlarge the main column and narrow the right side bar column</div> </div> <ul class="MessageList Discussion"> <li class="Item Comment FirstComment" id="Discussion_58"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101121182224/http://themes.bavotasan.com/support/profile/69/sueli1100"><img src="https://web.archive.org/web/20101121182224im_/http://www.gravatar.com/avatar.php?gravatar_id=d853b6585560526094ddac5704e80ca1&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="sueli1100"/></a><a href="/web/20101121182224/http://themes.bavotasan.com/support/profile/69/sueli1100">sueli1100</a> </span> <span class="DateCreated"> November 18 </span> <span class="Permalink"> <a href="/web/20101121182224/http://themes.bavotasan.com/support/discussion/58/how-to-enlarge-the-main-column-and-narrow-the-right-side-bar-column/p1" class="Permalink" name="Item_1" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <p>hi, I wish to make my left side column 60% of the site instead of 55% and the right column i wish to make 40% instead of 45% as it is now. I tried to change it in in Layout, front page, but it didn't work. Any help about it... thank you </p> </div> </div> </li> <li class="Item Comment" id="Comment_138"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101121182224/http://themes.bavotasan.com/support/profile/6/cbavota"><img src="https://web.archive.org/web/20101121182224im_/http://www.gravatar.com/avatar.php?gravatar_id=ba043b2af6a355787f1b6fd1b1ea3eda&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="cbavota"/></a><a href="/web/20101121182224/http://themes.bavotasan.com/support/profile/6/cbavota">cbavota</a> </span> <span class="DateCreated"> November 18 </span> <span class="Permalink"> <a href="/web/20101121182224/http://themes.bavotasan.com/support/discussion/comment/138/#Comment_138" class="Permalink" name="Item_2" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <p>In Magazine Premium, you can set the width of each sidebar and the full site, but it must be in pixels and not percentages. You would have to figure out what that would convert to.</p> </div> </div> </li> </ul> <div class="Foot"> <a href="/web/20101121182224/http://themes.bavotasan.com/support/entry/signin?Target=discussion/58/how-to-enlarge-the-main-column-and-narrow-the-right-side-bar-column" class="TabLink">Add a Comment</a> </div> </div> <div id="Panel"> <div class="Box GuestBox"> <h4>Hey there!</h4> <p>Take a look around, and if you would like to add a comment or start a discussion, register by clicking on the button below.</p> <a class="Button" href="https://web.archive.org/web/20101121182224/http://themes.bavotasan.com/register/">Register</a> </div><div class="Box"> <h4>Categories</h4> <ul class="PanelInfo"> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/discussions">All Discussions</a></strong> 56</li> <li class="Parent">Premium Themes</li> <li class="Active"><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/magazine-premium">Magazine Premium</a></strong> 43</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/magazine-flow">Magazine Flow</a></strong> 0</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/moderno">Moderno</a></strong> 0</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/illustrious">Illustrious</a></strong> 0</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/stationery">Stationery</a></strong> 0</li> <li class="Parent">Basic Themes</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/magazine-basic">Magazine Basic</a></strong> 0</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/feed-me-seymour">Feed Me, Seymour</a></strong> 0</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/snowblind">Snowblind</a></strong> 0</li> <li class="Parent">General Discussions</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/faqs">FAQs</a></strong> 5</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/documentation">Documentation</a></strong> 6</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/showcase">Showcase</a></strong> 1</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/translations">Translations</a></strong> 0</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/categories/bugs">Bugs</a></strong> 1</li> </ul> </div> <div class="Box"> <h4>In this Discussion</h4> <ul class="PanelInfo"> <li> <strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/profile/6/cbavota" class="UserLink">cbavota</a></strong> November 18 </li> </ul> </div> <div class="Box Tags"> <h4>Tagged</h4> <ul class="PanelInfo"> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/discussions/tagged/sidebar">sidebar</a></strong> 2</li> <li><strong><a href="/web/20101121182224/http://themes.bavotasan.com/support/discussions/tagged/column">column</a></strong> 2</li> </ul> </div> </div> </div> </div> <div id="Foot"> <p>Copyright © 2010 <a href="https://web.archive.org/web/20101121182224/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20101121182224/http://vanillaforums.org/">Vanilla</a>.</p> </div> </body> </html><!-- FILE ARCHIVED ON 18:22:24 Nov 21, 2010 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:34:16 Nov 25, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 1.069 exclusion.robots: 0.077 exclusion.robots.policy: 0.055 esindex: 0.025 cdx.remote: 13.819 LoadShardBlock: 251.02 (3) PetaboxLoader3.datanode: 195.983 (4) PetaboxLoader3.resolve: 188.886 (2) load_resource: 289.395 -->