Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Removing the right sidebox -> Middle content width does not fill in space

Removing the right sidebox -> Middle content width does not fill in space

Locked

Views: 1,443

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
5 Apr 2007, 6:08 PM
#1
askfritzdotcom avatar

askfritzdotcom

New Zenner

Join Date:
Mar 2007
Posts:
24
Plugin Contributions:
0

Removing the right sidebox -> Middle content width does not fill in space

So I just removed the right sidebar from my zencart store so that there is more width to the center content (or now my right content table).

View here:
http://208.109.212.191/

I went into the CSS for my classic template (the template that I chose to edit myself) and all I could think to do was look at the mainwrapper width which = 750px but that doesn't make my new right content box fill in all the way to the right side.

I also cannot find the CSS line that controls the category link color on the sidebar (GREEN) and at the top header (GREY). Where can I locate and change these? AND if possible can I change the TOP category links to individual images?

Thanks for your help, you guys rock.
Tom

5 Apr 2007, 6:23 PM
#2
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Removing the right sidebox -> Middle content width does not fill in space

How did you remove the sideboxes on the right? There's a setting for that in the admin under Configuration.

In your stylesheet, change

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

to

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 100%;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

That should help.

Try fiddling with these settings for the link colors:

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
	color: #008000;
	text-decoration: none;
	}
A.category-links, A.category-links:visited {
	color: #004080;
	text-decoration: none;
	}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
	color: #FF0000;
	text-decoration: none;
	}
5 Apr 2007, 7:19 PM
#3
qubit avatar

qubit

New Zenner

Join Date:
Mar 2005
Location:
Chesterfield, UK
Posts:
23
Plugin Contributions:
0

Re: Removing the right sidebox -> Middle content width does not fill in space

I suspect you haven't set the Column Right Status - Global to 0 in admin | Configuration | Layout Settings. Doing that along with the advice above should have the site displaying as you want :)

Cheers,
Q

5 Apr 2007, 7:29 PM
#4
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Removing the right sidebox -> Middle content width does not fill in space

qubit:

I suspect you haven't set the Column Right Status - Global to 0 in admin | Configuration | Layout Settings. Doing that along with the advice above should have the site displaying as you want :)

Cheers,
Q

That's what I suspect which is why I asked how it was turned off. Changing the setting to 100% should do the trick once the setting is done in the admin.

6 Apr 2007, 10:57 PM
#5
askfritzdotcom avatar

askfritzdotcom

New Zenner

Join Date:
Mar 2007
Posts:
24
Plugin Contributions:
0

Re: Removing the right sidebox -> Middle content width does not fill in space

Thank you guys. Everything you suggested worked perfectly. =]

Only one thing with the categorie selection of link codes. The color of those top links are #999999, grey. That's now where to be found in that stylesheet. I don't understand this one. I was able to change the font-size, but the color did not change.

Tom