Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / CSS help for nav top & bot

CSS help for nav top & bot

Locked

Views: 1,334

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
26 Oct 2006, 6:02 AM
#1
mlbracewell avatar

mlbracewell

New Zenner

Join Date:
Jan 2006
Posts:
27
Plugin Contributions:
0

CSS help for nav top & bot

Hi - I'm another newbie, I'm hitting a wall tonight in customizing my site. I have several things that I had working, and I've screwed something up. But I can't find how to fix it.

  1. Somehow on the top nav my search box is wrapping around and now under the Home link see here: http://chickenliteracy.com/zcart/

  2. Along the same lines and maybe related, on the bottom nave it is no longer centered.

  3. I liked the default border on the main content area, but now it's gone. Where do I find this?

Thanks! This is a great group!

26 Oct 2006, 6:43 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: CSS help for nav top & bot

Start by adjusting the container for the logo as your logo image is 156px high find this in your stylesheet at includes/templates/cl_store/css/stylesheet.css and edit the red element to this

#logoWrapper {
      background-image: url(../images/header_bg.jpg);
      background-color: #ffffff;
      height:156px;
      }

and the bottom nav alignment:

#navMain ul, #navSupp ul, #navCatTabs ul {
	margin: 0.5;
	padding: 0.5em 0.5em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}