Help with coding? Want to make middle/main column wider

O

oksk89

New member
Jun 18, 2009
239
1
0
I had to take out a lot of the code because it's over 10000 characters which WF won't let me exceed in posts. I hope i didnt take out the parts that affect the columns lol..

I want to widen the main column in the middle

Also, how do I change it so that the main headline/title of the website isn't Griffin&Hoxie (the part that takes you to the home page when you click on it)?

thanks!

Code: 
/*

/*
------------------------------------------------------------------------
=RESET (From Eric Myers)- 
------------------------------------------------------------------------
*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	font-weight: inherit;
	vertical-align: baseline;
	background: transparent;
	}
.clearfix:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0;
	visibility: hidden;
	}
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display:inline-block;
	}
.clearfix {
	display:block;
	}
html {
	height: 100%;
	}
body {
	background: #fff;
	color: #333; 
	font-family: Palatino, Constantia, "Palatino Linotype", Georgia, serif;
	height: 100%;
	text-align:center;
	}
/*
------------------------------------------------------------------------
=CORE STRUCTURE - 
------------------------------------------------------------------------
*/
#jacket {
	background: #fff;
	margin: 0 auto;
	text-align: left;
	width: 60em;
	}
div.journal {
	background: #f4f4ed;
	border-bottom: 0.071em solid #e0e0d5;
	border-left: 0.071em solid #e0e0d5;
	border-right: 0.071em solid #e0e0d5;
	float: left;
	margin: 0 auto 2.5em;
	padding: 2.5em 1.25em 1.25em 1.25em;
	width: 29.858em;
	}
#sidebar-one, #sidebar-two {
	border-top: 1px solid #222;
	float: left;
	padding-top: 2.5em;
	width: 11.25em;
	}
#sidebar-one {
	margin: -1px 0 0 2.5em; 
	}
#sidebar-two {
	margin: -1px 2.5em 0 0;
	}
#footer {
	border-top: 1px solid #e0e0d5;
	clear:both;
	color: #7c7c7c;
	font-family: "Futura-CondensedMedium", Impact, sans-serif;
	margin: 1.25em auto;
	padding-top: 1.25em;
	text-align: center;
	width: 32.5em;
	}
/*
------------------------------------------------------------------------
=HEADER - 
------------------------------------------------------------------------
*/
#header {
	background: #383d44;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin: 0 auto;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	width: 32.5em;
	}
#header ul.nav {}
	#header ul.nav li {
		display: inline;
		font: normal 700 .875em/1.43em "Futura-CondensedMedium", Impact, sans-serif;
		letter-spacing: 3px;
		margin-right: 1em;
		text-transform: uppercase;
		}
		#header ul.nav a {
			color: #DBDCDD;
			}
			#header ul.nav a:hover {
				border-bottom: 1px solid #fff;
				color: #fff;
				}
	#header span.tagline {
		color: #A5A7AA;
		display: block;
		font: italic 400 .75em/1.66em Palatino, Constantia, "Palatino Linotype", Georgia, serif;
		margin: 0;
		}
	#header p.title {
		margin-bottom: 3.75em;
		}
	#header p.title a {
		color: #EDEDEE;
		display:block;
		font: normal 400 3em/.417em "Futura-CondensedMedium", Impact, sans-serif;
		letter-spacing: 2px;
		margin: .208em 0 .626em 0;
		text-transform: uppercase;
		}
		#header p.title a:hover {
			color: #A5A7AA;
			}
		#header p.title span {
			font-family: Palatino, Constantia, "Palatino Linotype", Georgia, serif;
			font-style: italic;
			}
		#header p.title a:hover span {
			color: #fff;
			}
/*
------------------------------------------------------------------------
=BASICS
------------------------------------------------------------------------
*/ 
p {
	font-size: .875em;
	line-height: 1.43em;
	margin: 0 0 1.43em 0;
	}
p.last {
	margin-bottom:0;
	}
a {
	border: none;
	color: #006699;
	font-weight: 400;
	text-decoration: none;
	}
	.entry a {
		border-bottom: 0.071em solid #e0e0d5;
		color: #006699;
		font-weight: 400;
		}
		.entry a:hover {
			border-bottom: 0.071em solid #EBEBEB;
			color: #fff;
			}
ul { 
	font-size: .875em;
	line-height: 1.43em;
	list-style-position: inside;
	list-style-type:none;
	margin: 1.43em 0 1.43em 1.43em;
	}
ol {
	list-style-position: outside;
	list-style-type: decimal-leading-zero;
	margin: 1.43em 0 1.43em 1.43em;
	}
dl{ 
	margin: 20px 0;
	}
abbr, 
acronym, 
span.abbr {
 	border: none;
	 }
blockquote {
	color: #333;
	display: block;
	margin: 0 auto 1.25em 1.25em;
	padding: 0.625em;
	}
	blockquote p {
	background: #e7e7dc;
	margin: 0;
	padding: 0.625em;
	text-shadow: 1px 1px 0 #fff;
	}
blockquote cite {
	color: #7A7A74;
	text-shadow: 1px 1px 1px #E6E6DD;
	display:block;
	font-style: italic;
	margin-top: .3125em;
	}
	blockquote cite:before {
		content:"\2014";
		}
	div.entry blockquote cite a {
		padding: 0;
		}
		div.entry blockquote cite a:hover {
		background: #4D5A60;
		border-bottom: none;
		}
strong{
	font-weight: 700; 
	}
em{ 
	font-style: italic;
	}
pre{ 
	background: #eee; 
	border: 1px solid #ddd; 
	line-height:20px; 
	margin-bottom: 20px;
	padding: 10px;
	}
code {
	background: #fff;
	border: 0.142em solid #B7B7AE;
	color: #000;
	display:block;
	font-family: Inconsolas, Monaco, Consolas, Courier, monospace;
	overflow: auto;
	padding: .625em;
	}
sup {
	bottom:0.5em;
	font-size: 0.75em;
	left: .3em;
	position:relative;
	vertical-align:baseline;
	}
	.entry sup a {
		color: #ccc;
		}
/*
------------------------------------------------------------------------

------------------------------------------------------------------------
=HEADINGS
------------------------------------------------------------------------
*/
H1,H2{}
	h1.entry-title, h2.entry-title {
		color: #000;
		font: normal 1.5em/1.04em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		margin: 0 0 1em 0;
		text-align: center;
		text-shadow: 1px 1px 1px #CCCCC2;
		text-transform: uppercase;
		}
	h1.entry-title a, h2.entry-title a {
		color: #000;
		}
	h1.entry-title a:hover, h2.entry-title a:hover {
		color: #006699;
		}
H3{}			
	div.entry h3 {
		color: #000;
		font: normal 1.125em/1.111em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;;
		margin: 0 0 1.11em 0;
		text-align: center;
		text-transform: uppercase;
		}
	h3.paged {
		color: #000;
		font: normal 400 1.5em/1.04em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;
		margin: 0 0 1.04em 0;
		text-shadow: 1px 1px 1px #CCCCC2;
		text-transform: uppercase;
		}
	h3.paged a {
		color: #ebebeb;
		}
H4,H5,H6{}
	div.entry h4, div.entry h5, div.entry h6 {
		color: #222;
		font: normal 1em/1.25em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;;
		margin: 0 0 1.25em 0;
		text-align: center;
		text-transform: uppercase;
		}
/*=====all sidebar widget headings=====*/
	#sidebar-one h5, #sidebar-two h5, #sidebar-one h3.widgettitle, #sidebar-two h3.widgettitle {
	color: #222;
	font: normal 1em/1.25em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	margin: 1.25em 0 1.25em 0;
	text-transform: uppercase;
	}
/*
------------------------------------------------------------------------
=POST CONTENT - 
------------------------------------------------------------------------
*/
div.entry-content {
	margin: 0 0 2.5em 0;
	}
div.entry {
	border-bottom: 0.071em solid #B7B7AE;
	padding-bottom: 1.25em;
	}
/*=====stylin' the aside category=====*/
ul.linklog {
	border-bottom: 0.071em solid #B7B7AE;
	color: #43433F;
	font-style: italic;
	margin: 0 0 2.5em 0;
	padding-bottom: 2.5em;
	text-shadow: 1px 1px 1px #E6E6DD;
	}
	ul.linklog li {
	margin: 0 1.25em 0 1.25em;
	list-style-type: none;
	}
/*=====for the dates at top of posts & the tag paragraph at the end of the single post pages=====*/
.entry-content p.timestamp, div.entry-content p.tags, ul.linklog span.timestamp {
	color: #7A7A74;
	font: italic 0.75em/1.666em Palatino, Constantia, "Palatino Linotype", Georgia, serif;
	margin:0;
	text-align: center;
	text-shadow: 1px 1px 1px #E6E6DD;
	}
	.entry-content p.timestamp a {
	color: #666661;
	}
div.entry ul {
	margin-left: 0;
	}
div.entry ul li {
	background: #eee;
	border: 1px solid #ccc;
	color: #222;
	font-weight: 700;
	list-style-type: none;
	margin-bottom: .75em;
	padding: .625em;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	}
	div.entry ul li a {
	color: #9B9C9C;
	}
/* - for drop caps, if desired
div.entry p:first-child:first-letter {
	background: #383d44;
	color:#fff;
	float:left;
	font-size:1.5em;
	margin: .3125em .3125em 0 0;
	padding: .625em;
	}
*//*=====for gussied up quotes=====*/
div.entry span.quote {
	background: #e7e7dc;
	display:block;
	font: italic 400 1em/1.25em Palatino, Constantia, "Palatino Linotype", Georgia, serif;
	padding: .625em;
 	-moz-border-radius: 10px;
 	text-shadow: 1px 1px 0 #fff;
	-webkit-border-radius: 10px; 
	}
/*=====for the 'read more' post link=====*/
span.moretag {
	background: #383d44;
	color: #fff;
	font: normal 0.875em/1.43em "Futura-CondensedMedium", Impact, sans-serif;
	letter-spacing: 1px;
	padding: .625em;
	text-transform: uppercase;
	-webkit-border-radius:6px; 
	-moz-border-radius: 6px; 
	}
div.entry span.moretag a {
	border-bottom: none !important;
	}
span.moretag:hover {
	background: #e7e7dc;
	color: #336699;
	}
 


i installed that addon and tried to find the code that changes the width, but i cant tell.. i mean i know the basic basic css and html stuff, but i just can't figure out which css code is responsible for the width.

i've googled it.. looked at other peoples' questions abut the same thing on wordpress forums.. i still cant figure it out.

and that addon seems to highlight what each code represents on the page, but it doesnt seem to show that for CSS stuff.
 
Code: 
<p class="title"><a href="[URL="http://www.wickedfire.com/view-source:http://ez-financials.com/"]http://ez-financials.com/[/URL]">Griffin<span>&</span>Hoxie</a></p>

Code: 
div.journal {/*middle section*/
	background: #f4f4ed;
	border-bottom: 0.071em solid #e0e0d5;
	border-left: 0.071em solid #e0e0d5;
	border-right: 0.071em solid #e0e0d5;
	float: left;
	margin: 0 auto 2.5em;
	padding: 2.5em 1.25em 1.25em 1.25em;
	width: 29.858em;/*changethis*/
	}
#sidebar-one, #sidebar-two {
	border-top: 1px solid #222;
	float: left;
	padding-top: 2.5em;
	width: 11.25em;/*changethis*/
	}

I think
 
where can i find the code you got for the title? i've looked through all the php files and searched for griffin and none of them have that word in the file so i can't figure out how to change it to something i want.

and i actualyl tried changing that part you pointed out for the column width (the 29.858 part) and when i change the number, the middle column and right sidebar disappear completely..
 
if you have some sort of "cms" system, I have no idea where the title will be. That code is just what it looks like when I view your page.

for the widths, you have to make sure you accommodate for the larger middle one by making the sidebars smaller.
 
what's a cms system?

and thanks for the help, i really appreciate it.

ill try adjusting the widths for the sidebars and see what happens.
 
You must log in or register to reply here.
Top Bottom