How to increase the size of the left column in a 3 column theme
-
I am helping to complete the website at the following address: https://www.gccans.ca. I am running into an issue with the 3 column theme that is in use. I need to increase the width of the left column so that the names in the menu are not cut off. I have tried a number of different tweaks tot he CSS but am not able to find the proper section to edit. Any help would be greatly appreciated.
I am including the code for the two css files that are part of the theme.
style.css
/* Theme Name: NSCAP Theme URL: https://www.blogsdna.com/cognoblue-wordpress-theme Description: Three column, Search Engine Optimized, Widget Ready, Adsense optimized,Adsense Friendly, Supporting tags & Gravatars, Lightweight WordPress v2.7 Compatible Professional WordPress Theme from <a href="https://www.blogsdna.com"><strong>BlogsDNA</strong></a>. Author: blogsdna Author URI: https://www.blogsdna.com Version: 1.0 The CSS, XHTML and Design is released under GPL: https://www.opensource.org/licenses/gpl-license.php Tags: blue, widget ready, fixed width, three columns, 3 colums, widgets, adsense, seo, adsense ready, custom header, gravatar support, sidebar left, sidebar right, widget sidebar, seo adsense, XHTML, blue theme */ /* reset --------------------------------------------------*/ body, h1, h2, h3, h4, h5, h6, p, form, hr {margin:0;padding:0;} .low {display:none;} .clear {clear:both;} hr { border:1px solid #14335c; } /* body --------------------------------------------------*/ body { color:#464646; /*#333;*/ background:#14335c; margin:0; padding:0 0; font-family: verdana, Arial, Helvetica, sans-serif; font-size:75%; line-height:1.8em; text-align:center; } /* headings --------------------------------------------------*/ h1 {color:#14335c; font-family:Georgia,Arial,Helvetica,sans-serif;} h1 a {color:#14335c;} h2 { color:#14335c; font-weight: normal; font-family: Georgia, Arial, Helvetica, sans-serif; line-height:1.2em; font-size:1.6em; } h2 a {color:#14335c; font-weight: normal ; text-decoration:none !important; border-bottom: #ccc 0px solid !important;} h2 a:hover { color:#CC0000; text-decoration:none;} h4 { font-family: Georgia, Arial, Helvetica, sans-serif; color: #14335c; font-weight: normal; margin: 7px 0 7px 0px; font-size:1.5em; line-height:1.5em; padding:5px 0; } h3 a, h4 a {color:#14335c; font-weight: normal;} h3 a:hover, h4 a:hover {color:#CC0000; text-decoration:none;} a {color:#14335c; text-decoration:none;} a img {border:0px none !important; } a:hover {color: #CC0000; text-decoration:none;} /* links --------------------------------------------------*/ .entry a {text-decoration:underline;} .entry img a { border-bottom: 0px dotted #ccc !important; text-decoration:none; } .entry p {padding: 0 0 15px;} .entry a:hover {color: #003AAA; text-decoration:underline;} img a {border-bottom: #ccc 0px solid !important;} a.commentlink {padding-left:0px;} .entry .filedunderindex a { text-decoration:none !important; border-bottom: #ccc 0px solid !important; } .entry .filedunderindex a:hover { text-decoration:underline; color: #C22463; } small { font-family: verdana,Arial,Helvetica,sans-serif; font-size: 1em; line-height: 1.5em; color: #666; padding: 5px 0; } small a { color: #999; text-decoration:underline; } /* topbar ------------------------------------------------*/ #topbar { font-family: verdana,Arial, Helvetica, Sans-Serif; font-size: 1em ; font-weight:Bold; line-height: 1.3em; background: #d8b538; margin: 0 0 0 0; color: #333333; } #topbar a, a:hover { color: #14335c; text-decoration:none; } #topbar ul { padding-bottom:7px; padding-top:7px; margin:0 0 0 10px; } #topbar ul ul{display:inline;} #topbar ul li { list-style-type:none; display:inline; } #topbar li { padding-left:10px; padding-right:10px; } /* images --------------------------------------------------*/ img.left { float:left; margin:0 12px 0 0; } img.right { float:right; margin:0 0 0 12px; } img.center { display: block; margin:0 auto; } /* paragraphs, lists, blockquote etc --------------------------------------------------*/ pre, code { font: 1.1em 'Courier New', Courier, Fixed; } kbr {color:#009193;} p { margin:0; padding:0 0 18px 0; } ul { margin:0 0 0 1.4em; padding:0 0 10px 0; } ul ul {padding:0;} /*blockquote { margin:0; border-bottom:1px solid #14335c; border-left:4px solid #14335c; border-right:1px solid #14335c; border-Top:1px solid #14335c; padding-bottom:3px; padding-left:4px; padding-right:3px; padding-top:3px; font-style:italic; color: #333; overflow:hidden; } */ blockquote { background:#F4F5F7 url('images/blockquote.gif') no-repeat; border:1px dashed #CCCCCC; margin:5px 0pt; padding-left:36px; padding-right:12px; padding-top:8px; padding-bottom:8px } pre { overflow:auto; margin:0 0 18px 0; padding:4px; border:1px dashed #CCCCCC; } pre, code, kbr {font-family: Courier, Monaco, monospace;} code, kbr {padding:0 2px;} abbr, acronym { font-size:0.9em; letter-spacing:1px; cursor:help; } #top {background:url('images/top.gif') no-repeat; padding-left:16px} #s {background:url('images/search.gif') no-repeat; padding-left:18px} /* Next post link ---------------------------------------------------*/ .nextright { float: right; font-size:0.9em; } .nextleft { float: left; font-size:0.9em; } /* container --------------------------------------------------*/ #container { padding-top:0; background: #fff; width:980px; margin: 0px auto; padding: 0px; text-align:left; margin-top:25px; margin-bottom:25px; overflow:hidden; } #commentspopup #container { width:455px; padding:0 15px; } /* header --------------------------------------------------*/ #header { margin:10px; background:url('images/header-bg.gif'); color: white; height:120px; padding: 10px; border:1px solid #DDDDDD; overflow:hidden; text-align:center } .singlecol #content a { font-weight: normal; } #header a, a:hover {text-decoration:none;color:white;} #header small {color:white;} #header h1 {color:white; margin:10px; } /* navigation --------------------------------------------------*/ #navigation { background:#F2F2F2; width:958px; border:1px solid #DDDDDD; height:32px; } #navigation a { color:#003AAA; font-weight: bold; text-decoration:none; } #navigation .selected, #navigation a:hover {color:#000;} #navigation li a:hover { background:#000000; color:white; } #navigation { line-height:2.5em; padding: 0 0; margin: 0 auto; } #navigation a { padding:0 0px; font-size:0.9em; text-transform:uppercase; } #navigation ul { margin:0; padding:0; } #navigation li { float:left; margin:0; padding:0; list-style-type:none; border:1px solid #fff; white-space:nowrap; } #navigation li a { display:block; padding:0 10px; font-size:0.9em; text-transform:uppercase; } /* Post Title --------------------------------------------------*/ .post-title { border-bottom:1px dotted #FFFFFF; display:block; font-family:Georgia,serif; font-size:1.7em !important; line-height:1.2em; margin:10px 0px 5px 0px !important; padding:5px 0pt; } /* content --------------------------------------------------*/ #content { float:left; width:540px; margin-top:10px; padding-right:10px; padding-left:10px; margin-bottom:20px; background: #fff; font-size:1em; display:inline; overflow:hidden; } #content h1 { color:#14335c; font-weight: normal; font-family: Georgia, Arial, Helvetica, sans-serif; line-height:1.4em; margin:0 0 8px 0; font-size:1.5em; } #content a {color:#14335c; text-decoration:none;} #content a:hover{color:#CC0000; text-decoration:none;} #content h2 { color:#333333; font-weight: normal; font-family: Georgia, Arial, Helvetica, sans-serif; line-height:1.4em; margin:0 0 8px 0 ; font-size:1.5em; } #content h1 a, h2 a, h3 a, h4 a {font-weight: normal;} #content h3 { margin: 10px 0 18px 0; font-size:1.3em; font-weight:bold; font-family: Georgia,Arial,Helvetica,sans-serif; margin:0 0 8px 0; line-height:1.4em; color:#333333; } #content h4 { margin: 10px 0 18px 0; font-size:1.1em; font-weight:bold; font-family: Georgia,Arial,Helvetica,sans-serif; margin:0 0 8px 0; line-height:1.4em; color:#333333; } #content h5 { margin: 10px 0 18px 0; font-size:1em; font-weight:bold; font-family: Georgia,Arial,Helvetica,sans-serif; margin:0 0 8px 0; line-height:1.4em; color:#333333; } #content h6 { margin: 10px 0 18px 0; font-size:0.8em; font-weight:bold; font-family: Georgia,Arial,Helvetica,sans-serif; margin:0 0 8px 0; line-height:1.4em; color:#333333; } #content ol {margin-top:5px;margin-bottom:5px;} #content.archive h2 {margin:0 0 8px 0;} #content.archive h3 { margin:0 0 10px 0; font-family:Georgia, serif; font-size:1.3em; font-weight:normal; } #content.archive h4 { margin:0 0 18px 0; font-size:1em; } #content.archive h5 { margin:0; font-size:1em; } .singlecol #content { float:left; width:470px; } #commentspopup #content { float:none; padding-top:0; } /* Post_nav post navigation on index post ----------------------------------------------------*/ #post_nav {border-top:1px solid #14335c; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:15px 0pt 25px; padding:5px 0pt; overflow:hidden; } #post_nav .back { display:block; float:left; width:45%; } #post_nav .fwrd { display:block; float:right; } /* single_Post_nav post navigation on single post ----------------------------------------------------*/ #single_post_nav {border-top:1px solid #14335c; font-family:Verdana,Arial,Helvetica,sans-serif; margin:15px 0pt 25px; padding:5px 0pt; } #single_post_nav .back { display:block; } #single_post_nav .fwrd { display:block; } /* Entry --------------------------------------------------*/ #content li {margin-bottom: 3px;} .entry a.more { padding-left:12px; } .contenttitle { color:#C22463; font-weight: normal; font-family: georgia, serif; line-height:1.2em; margin:0 0 5px 0; font-size:1.9em; padding: 5px; background: #f9f9f9; border-bottom: 2px #f3f3f3 solid; border-top: 2px #f3f3f3 solid; } .entry {margin:0 0 7px 0;} .entry .info { position:relative; margin-top:-3px; padding:3px; font-size:0.9em; } .entry.single {clear:both;} .entry.single .info {margin:0 0 22px 0;} .entry .info a { margin: 0 2px; padding: 0 2px; } .entry .info em { padding-right:6px; font-style:normal; } .entry .author, .entry .editlink a { margin:0; padding:0 0 0 10px; border-left:1px solid; border-right:none } /* POST META ---------------------------------------------------*/ #postmeta{ text-transform:uppercase; color:#999999; font-family:arial; font-size:0.8em; margin-bottom:5px; overflow:hidden; margin-top:5px; } #postmeta a, a:visited{color:#003366;} #postmeta a:hover {color:#CC0000;} .postmetabox {border:1px solid #DDDDDD; padding:3px;} /* edit link style code ---------------------------------------------------*/ #elink {color:#cc0000; font-size:bold;} /* Comments Display Style Code --------------------------------------------------*/ #comments{ font-family:verdana; margin-top:15px; } /*Readers Comment Title*/ #comments h4 { font-size:1.4em !important; text-transform:none; border-bottom:1px solid #DDDDDD; margin:0; padding:0; font-weight:bold; font-family:Georgia,Arial,Helvetica,sans-serif; } .comment {margin:0px; margin-top:8px; margin-bottom:15px; padding:0px; width:540px; overflow:hidden; } #comments .comment .ucomment p {margin:0px !important; padding:0px;} .ucomment {margin:0px; padding:0px; border-bottom:1px solid #DDDDDD; } #comments .comment .ucomment p {margin:0px !important; padding:0px;} .mcomment {margin:0px; padding:0px; border-bottom:1px solid #DDDDDD; background:#F4F7FC; } #comments .comment .mcomment p {margin:0px !important; padding:0px;} .tcomment {margin:0px; padding:0px; /*border-bottom:1px solid #DDDDDD;*/ /*background:#F4F7FC;*/ } #comments .comment .tcomment p {margin:0px !important; padding:0px;} .ucomment_meta {margin:0px; padding:0px; font-family:arial; font-size:0.8em; /*border-top:1px solid #DDDDDD;*/ text-transform:uppercase; color:#999999; display:inline; } .ucomment_meta_dt {margin:0px; padding:0px; font-family:arial; font-size:0.8em; /*border-top:1px solid #DDDDDD;*/ text-transform:uppercase; color:#999999; display:inline; width:10px; } .avatar img {float:left;} /* AddComment Comment Adding Form Style code --------------------------------------------------*/ #addcomment { margin-top:15px; border:1px solid #CCCCCC; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:0px; /* margin: 10px; Commented for IE fix*/ font-size:0.9em; background:#F4F7FC; font:verdana,Arial, Helvetica, Sans-Serif; width:488px; } #addcomment h4 { font-size:1.4em !important; text-transform:none; margin:0; padding:0; font-weight:bold; font-family:Georgia,Arial,Helvetica,sans-serif; } #addcomment p {margin:0px; padding:0px; padding-bottom:5px; padding-top:5px;} .form-item { width:170px; float:left; } #addcomment input {width:150px; margin:0px; padding:4px; height:16px;} #addcomment textarea {width:470px; font:verdana,Arial, Helvetica, Sans-Serif; font-size:14px; margin-top:5px; margin-bottom:5px; height:190px; padding:5px;} #addcomment #comment-name { display:block; } #addcomment .desc {color:#999999; font-size:0.8em; text-transform:capitalize; font:verdana,Arial, Helvetica, Sans-Serif !important; width:180px; } #addcomment input#submit { background-color:#4F8ACE; border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238); border-style:solid; border-width:1px; color:#FFFFFF; font-family:arial,sans-serif; font-size:11px; font-weight:bold; padding:2px; width:110px; } div.search input#searchbtn, input#comment-submit, input#searchsubmit { background-color:#14335c; border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238); border-style:solid; border-width:1px; color:#FFFFFF; font-family:arial,sans-serif; font-size:13px; font-weight:bold; padding:2px; height:25px; margin-top:5px; margin-bottom:5px; } .nocomments {font-weight:bold; color:#003366;} /* content misc --------------------------------------------------*/ /*#entrynavigation {border-color:#F3F4F4;} .editlink { position:absolute; height:14px; width:14px; right:2px; } .next a {float:right;} .previous a {float:left;}*/ html>body .editlink {bottom:6px;} .entry .info .editlink a, .minientry .editlink a, #comments li .editlink a { display:block; height:14px; width:14px; margin:0; padding:0; border:none; font-size:1px; /* IEWin */ line-height:0; /* IEWin */ text-indent:-9999px; } .entry .info .editlink a:hover, .minientry .editlink a:hover, #comments li .editlink a:hover {background:none;} /* footer --------------------------------------------------*/ #footer { color:#666; font-weight:normal; background: #fff; clear:both; padding: 20px 10px 5px 10px; font-size:0.9em; text-align:center; } #footer a { color: #14335c; text-decoration:none; } #footer strong {font-weight:normal;} #footer a:hover { color: #000; } #footer p { padding: 5px 10px 10px 0px; text-align: center; line-height: 2em; } .alignright {float:right;} /* Sidebar Properties ---------------------------------------------------*/ .sidebar {font:1em; background:#d8b538 none repeat; color:#14335c; overflow:auto;} .sidebar h1 { color:#003366; font-weight: bold; font-family: Georgia, Arial, Helvetica, sans-serif; line-height:1.4em; margin:0 0 8px 0; font-size:1.5em; } .sidebar a, a:hover, a:visited{color:#14335c; text-decoration:none;} .sidebar h2 { color:#003366; font-weight: bold; font-family: Georgia, Arial, Helvetica, sans-serif; line-height:1.4em; margin:0 0 8px 0 ; font-size:1.5em; } .sidebar h3 { margin: 10px 0 18px 0; font-size:1.3em; font-weight:bold; font-family: Georgia,Arial,Helvetica,sans-serif; margin:0 0 8px 0; line-height:1.4em; color:#003366; } .sidebar h4 { margin:2px; padding:0px; font-size:1.2em; font-weight:bold; font-family: Georgia,Arial,Helvetica,sans-serif; line-height:1.4em; color:#003366; } #sidebar_l<.sidebar_box h4 a, h1 a, h2 a, h3 a {font-weight:bold;} .sidebar h5 { margin: 10px 0 18px 0; font-size:1em; font-weight:bold; font-family: Georgia,Arial,Helvetica,sans-serif; margin:0 0 8px 0; line-height:1.4em; color:#003366; } .sidebar h6 { margin: 10px 0 18px 0; font-size:0.8em; font-weight:bold; font-family: Georgia,Arial,Helvetica,sans-serif; margin:0 0 8px 0; line-height:1.4em; color:#003366; } .sidebar_box{ background:#dec24c none repeat scroll 0% 50%; border:1px solid #DDDDDD; margin-top:5px; margin-bottom:10px; padding-left:14px; padding-right:0px; padding-top:10px; padding-bottom:10px; position:relative; overflow:hidden; } .sidebar ul li { list-style-type:decimal; } .sidebar li { line-height:1.4em; padding:3px 0pt; } /* left sidebar --------------------------------------------------*/ #sidebar_l { /*float:left;*/ width:200px; border:solid 0px; margin-left:14px; font-size:0.9em; } /* right sidebar --------------------------------------------------*/ #sidebar_r { float:right; width:200px; border:solid 0px; margin-right:7px; font-size:0.9em; overflow:auto; } /* WordPress Widget Related CSS Code --------------------------------------------------*/ #wp-calendar { /*border: 1px solid #ddd;*/ empty-cells: show; font-size: 0.9em; margin: 0; width: 90%; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; text-decoration: none; font-weight:bold; } #wp-calendar a:hover { /* background: #e0e6e0; */ background:white; color: #333; } #wp-calendar caption { color: #14335c; text-align: center; font-weight:bold; font-size:1.2em; } #wp-calendar td { /* color: #ccc;*/ font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: normal; padding: 2px 0; text-align: center; } #wp-calendar td.pad:hover { background: #fff; } #wp-calendar td:hover, #wp-calendar #today { background: #eee; color:#003366; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* Captions & aligment */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0px none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions & aligment */ /* Here is the customization for the CMS Navigation elements */ #cms-nav-wrap{ margin:10px 20px 0 20px; background-color: #EEEEEE; } .cms-nav-bc{ margin:5px 0 0 20px; } #cms-nav-top-menu ul li{ color:#fff; } #cms-nav-top-menu li ul{ background-image: url('images/cms-nav-grad.jpg'); } #cms-nav-top-menu li:hover a, #cms-nav-top-menu a:focus, #cms-nav-top-menu a:active { background-color: #5798D0; } #cms-nav-top-menu a.selected { background-color: #d0d8f0; } #cms-nav-top-menu a.selected{ color:#000000; } #cms-nav-top-menu span.selected{ color: #808000; } .cms-nav-left-menu span.selected{ font-weight:bold; text-decoration: none; } #sidebar ul li h4 { font-size: 130%; margin: 1em 0 0 0; padding: 0; }
rtl.css
/* Based on Arabic (RTL) version of WordPress Classic theme, converted by Serdal (Serdal.com) */ #menu ul ul, #wp-calendar caption, #wp-calendar #prev a { text-align: right; } #wp-calendar #next a, .feedback { text-align: left; } blockquote { border-left: 0; border-right: 5px solid #ccc; margin-left: auto; margin-right: 1.5em; padding-left: 0; padding-right: 5px; } body { font-family: 'Geeza Pro', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; } h2 { font: 95% 'Al Bayan', 'Traditional Arabic', "Times New Roman", Times, serif; } p, li, .feedback { font: 90%/175% 'Geeza Pro', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; text-align: justify; } acronym, abbr, span.caps, h2, p, li, #header, #menu ul li, #menu ul ul li, #wp-calendar td, .feedback, .meta, .meta a { letter-spacing: normal; } #commentlist li ul { border-left: 0; border-right: 1px solid #ddd; } #commentlist li .avatar { margin-right: 0; margin-left: 12px; } #commentlist li .avatar { margin-right: 0; margin-left: 12px; } #content { margin: 30px 3em 0 13em; padding-right: 0; padding-left: 60px; } #header { border-left: solid 1px #9a9; border-right: solid 1px #565; font: normal normal 230% 'Al Bayan', 'Traditional Arabic', 'Times New Roman', Times, serif; padding: 15px 60px 15px 10px; } #menu { border-left: 0; border-right: 1px dotted #ccc; padding: 20px 30px 10px 0; right: auto; left: 2px; } #menu form { margin: 0 13px 0 0; } #menu ul { padding-left: 0; padding-right: 3px; } #menu ul li { font: normal normal 110% 'Geeza Pro', Tahoma, 'Times New Roman', Times, serif; } #menu ul ul li { font: normal normal 12px/115% 'Geeza Pro', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; padding-left: 0; padding-right: 12px; } #menu ul ul ul.children { padding-left: 0; padding-right: 4px; } #wp-calendar #next a { padding-right: 0; padding-left: 10px; } #wp-calendar #prev a { padding-left: 0; padding-right: 10px; } #wp-calendar td { font: normal normal 12px 'Geeza Pro', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘How to increase the size of the left column in a 3 column theme’ is closed to new replies.