Help with CSS

[fire1online]

Good Afternoon.
I was playing around with my css and I am trying to figure out how to close the gap between my catagory text and have my right sidebox snap back out allowing the centerbox to be the normal size. Any help on this matter would be greatly appreciated.


my site: www.firefighteroneonline.com
Todd

[haredo]

Hey firefighter,

Try this:
stylesheet.css

Add this:
#indexDefault {
margin: 0.8em;
}

[fire1online]

Thanks for the post. I placed that into my Style sheet and it didn't help. the rightsidebox is sill not snapping all the way to the right and it is trunking my centerbox. Any other suggestions.

Thanks,
Todd

[haredo]

Ok, here we go.

Add this to stylesheet.css

#navColumnTwo {
padding: 0em 0.8em 0em 0em;
}

[fire1online]

Mark,
Thanks for the speedy response. I place your fix into my style sheet and no luck. Here is what I did.

Before code was added:
#navColumnOne, #navColumnTwo {
background-color: transparent;
}

After I added your fix - Notice I split them out is this correct?
#navColumnOne, {
background-color: transparent;
}
#navColumnTwo {
padding: 0em 0.8em 0em 0em;
background-color: transparent;
}

Any continued help is AWESOME. Have to get the site back into shape have a trade show this weekend. My fault I accidently overwrote my back up copy of the Style sheet.

Todd

[haredo]

Todd,
I guess I am stumped, wait for a zen master to respond with a fix.

[Sketchy]

Firstly, the category problem is in your current template's stylesheet.css:

A.category-top, A.category-links, A.category-products:visited, a.category-products {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	line-height: 100%;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	background-color: #000000;
	display: block;
	border: solid;
}

You have to finish off the declaration(in red), so it would go like so:

A.category-top, A.category-links, A.category-products:visited, a.category-products {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	line-height: 100%;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	background-color: #000000;
	display: block;
	border: solid 1px black;
}

Secondly, being that you're using thick borders around the side columns.. you have to adjust for that in your admin settings. Admin-Configuration-Layout Settings:

~There are two pairs of column widths and I can't remember which ones to adjust, but try adding 5px to each pair of width adjustments until your problem is rectified. I'm thinking it pertains to "Column Width - Right/Column Width - Left". That will kick away the center column from eating up the left outer border on the left column.

Also, you have to resize your store logo to match the actual width of the store's layout as your logo supersedes the header boundary.

Hopefully, all that works out in your favor.

~~Oh.. all the above pertains to Firefox which is a more compliant browser, but IE should reflect reasonably well after.

[fire1online]

Sketchy,
thanks for the help. I am not sure where I changed the width that caused my Log to strech past the 800px mymain page is. Any suggestions.

[Sketchy]

You're welcome.

To reset your floating logo/banner dimensions, go to yourstore/includes/languages/english:

Open the "header.php" files and you'll find:

// added defines for header alt and text
  define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
  define('HEADER_SALES_TEXT', 'TagLine Here');
  define('HEADER_LOGO_WIDTH', '192px');
  define('HEADER_LOGO_HEIGHT', '64px');
  define('HEADER_LOGO_IMAGE', 'logo.gif');

Then, just set your corresponding measurements in the above stock values(in red).