Changing the Navigation Bar Color

[Krishna Culture]

Hello,

I am currently attempting to renovate our company website http://www.krishnaculture.com by changing the background color of the navigation bar background. I just wanted to know where I can find that setting on the Miva Merchant 5.5 admin site, or where the html code that controls this is. Thank you for your help in this matter. Have a wonderful day!

Krishna Culture

[jsdva]

Re: Changing the Navigation Bar Color

In your admin, click your store name link, and look in the navigation bar tab. If not there, it would be in the Global header tab of that section. Your styles are specified in the html. (Styles should be in the CSS file, not the html). Look for color 2670CE on the table/tds that contain your horizontal nav bar.

Hope this helps,

Jamie

[Krishna Culture]

Re: Changing the Navigation Bar Color

Thanks for the help! We tried your advise and it did change the color of the horizontal nav bar. We are looking though to change the colors on our vertical nab bar with our product tree on it. You can see this at krishnaculture.com Thanks again for your help.

[Krishna Culture]

Re: Changing the Navigation Bar Color

Thank you for the help. Actually we need to change the left side category tree color on http://krishnaculture.com for each of our pages. Is there a way to change this setting globally? Thanks again.

[jsdva]

Re: Changing the Navigation Bar Color

Okay, then you'll want to look in the category tree template tab of the same section. If it doesn't show, click advanced mode on the tab, the styles are right on the table. You'll be looking for this to change the color:

<table width="100%" border="0"
cellspacing="0" cellpadding="0" style="border:#CCCCCC 1px solid; background-color:#EFF6FF"

Otherwise, look for Misc Colors in the same section and see if the color is located there. It should be one of those two spots.

And, this is the top graphic on the cat tree: krishnaculture.com/images/nav-header-left2.jpg, which you'll have to change in an image editing application.

Helpful hints: If you will use html comments to separate your sections, ie:<!--Global Header--> ,<!-- Cat Tree -->, <!--Global Footer --> etc, it will help you find your section in the View Source of your browser making it easier to know which section you you'll want to edit. Also, if you use the Web Developer Toolbar in Chrome or Firefox, right click and inspect the element, and you'll find what you should change much faster. Very useful tool.

Hope this helps you,

Jamie

[kayakbabe]

Re: Changing the Navigation Bar Color

Is this an old 4.x store converted to 5.5? The code doesn't look like miva merchant 5.5.
If you used css instead of hard coding most of this stuff into the html, you could simply change it in once place in your css file and it would be updated site wide everywhere. It makes updating colors and things a breeze once you learn how it works.

In your css add a definition that defines the navbar
.navbar {background-color:#2670CE:width:100%;border:0;}

On the table that holds your navigation you could add a css class to something like "navbar"
<table cellspacing="0" cellpadding="0" class="navbar">
And then you'd remove all the bgcolor tags from the td within that table.