Adding a Right Column to single column template

[Delights]

Greetings;

I brought this template for the site, however it was only 1 column at the time of buying it.

I have since tried to add another column (right) and there are a few things that seem to be a bit buggy

The Right column is slightly higher then the left and there is also a background colour on the left column and not on the right.

I was wondering if there was some coding i was suppose to change to make a single column to 2 columns.

Site: http://www.delightsoftheflesh.com - Contains Adult content.

[kobra]

In the stylesheet.css file for this template find this and add what is in red

#searchHeading{
	background:#363636 url(../images/sideheading.gif) no-repeat scroll left; margin-top: 1em;
	}

[Delights]

In the stylesheet.css file for this template find this and add what is in red

#searchHeading{
	background:#363636 url(../images/sideheading.gif) no-repeat scroll left; margin-top: 1em;
	}

Thanks, that worked like a treat.

Dosnt suppose you have any ideas on the background image missing on the right colum but is on the left colum, i cant find that...

[stevesh]

Add:

#navColumnTwo {background-color:#eeeeee;}

You may have to increase the width of the right column in admin to make it look the same as the left.

[Delights]

Add:

#navColumnTwo {background-color:#eeeeee;}

You may have to increase the width of the right column in admin to make it look the same as the left.

I found the coding that deals with the left column;

#navColumnOne, #navColumnTwo (line 270)

{

background-color: transparent;

}

i still don't get why the left column is coloured but the right one isnt, it is like the left one has more coding somewhere that isnt showing up.

[lat9]

Your left column contains in-line coding, from your template:

background: none repeat scroll 0% 0% rgb(238, 238, 238);

while the right column doesn't. If you modify your stylesheet.css to contain:

#navColumnTwo {
background: none repeat scroll 0% 0% rgb(238, 238, 238);
}

... they'll match.

[Delights]

Your left column contains in-line coding, from your template:

background: none repeat scroll 0% 0% rgb(238, 238, 238);

while the right column doesn't. If you modify your stylesheet.css to contain:

#navColumnTwo {
background: none repeat scroll 0% 0% rgb(238, 238, 238);
}

... they'll match.

Cant find where that "in-line coding" is located, but you are dead on with the right column..

Thanks, thanks a lot excactly what i was after.

[lat9]

Glad to help.

If you want to find out where the "magic incantation" is coded, just to to your admin's "Developers Tool Kit" and search for background: none repeat scroll 0% 0% rgb(238, 238, 238); in all PHP files.