Results 1 to 6 of 6
  1. #1
    Join Date
    Sep 2006
    Posts
    6
    Plugin Contributions
    0

    Default Customize navigation bar on top and bar at footer

    Hi,

    Can someone guide me how i can edit the navigation bar on top of the cart? I would like to edit the height of the bar and also to remove the search button. I have checked through the numerous php files but is unsure which to edit.

    Thanks!

  2. #2
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,039
    Plugin Contributions
    31

    Default Re: Customize navigation bar on top and bar at footer

    You can adjust the height in your stylesheet.css

    fine this code:
    Code:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	background-color: #9a9a9a;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 100%;
    	}
    First break it out as follows so the changes you make will not interfere with the other declarations. Like this:
    Code:
    #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	background-color: #9a9a9a;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 100%;
    	}
    Code:
    #navMainWrapper {
    	margin: 0em;
    	background-color: #9a9a9a;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 100%;
    	}
    adjust the height by changing the portion in red

    To turn off the search go to:
    admin -> tools -> layout boxes controler -> search header.php and turn it off

  3. #3
    Join Date
    Sep 2006
    Posts
    6
    Plugin Contributions
    0

    Default Re: Customize navigation bar on top and bar at footer

    Many thanks for the help! I have managed to remove the search button. Also, after adjusting the height of the navigation bar, i realised that the text gets truncated. How do i get the text to center vertically inside the bar?

    Can i change the height for the footer bar as well? If yes, which entry in the stylesheet should i edit?

    Many thanks once again!

  4. #4
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,039
    Plugin Contributions
    31

    Default Re: Customize navigation bar on top and bar at footer

    Do you have a URL for your site so I can take a look.

  5. #5
    Join Date
    Sep 2006
    Posts
    6
    Plugin Contributions
    0

    Default Re: Customize navigation bar on top and bar at footer

    Quote Originally Posted by clydejones
    Do you have a URL for your site so I can take a look.
    I do hope i can show you a url, but the problem is, i am testing this on a demo server and it's not live yet. My problem is:

    -------------------------------------------------------------------------------------------

    Home | Log In | Shopping Cart

    -------------------------------------------------------------------------------------------

    The height of the navigation bar is too 'thick' and i wanted to edit the height to make it smaller. I had managed to adjust the height by editting the stylesheet (height: 30px), but this is what i got:

    -------------------------------------------------------------------------------------------

    Home | Log In | Shopping Cart -------------------------------------------------------


    I want to have the nav. text centered vertically inside the bar...

  6. #6
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,039
    Plugin Contributions
    31

    Default Re: Customize navigation bar on top and bar at footer

    Try this:

    again break it out so as not to interfer with other declarations

    in your stylesheet.css find
    Code:
    #navMain ul, #navSupp ul, #navCatTabs ul  {
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	text-align: center;
    	line-height: 1.5em;
    	}
    and change it as follows

    Code:
    #navSupp ul, #navCatTabs ul  {
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	text-align: center;
    	line-height: 1.5em;
    	}
    Code:
    #navMain ul  {
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	text-align: center;
    	line-height: 1.5em;
    	vertical-aliogn: middle;
            }
    Add the portion in red

 

 

Similar Threads

  1. moving top 'home-checkout-cart' bar
    By chufty bill in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 8 Sep 2006, 03:22 AM
  2. A HTML navigation bar
    By suitcasejem in forum General Questions
    Replies: 1
    Last Post: 28 Jul 2006, 03:32 PM
  3. Top bar Header Bar Nav Bar
    By mole69 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 13 Jul 2006, 04:35 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •