header links

[fsicody]

next issue is changing the font color of the links, i've seen other threads on how to do it so i try same thing but no go, i don't think i'm editing the right css file, any ideas?

[fairestcape]

Do you have FireFox browser? If so, go grab a couple of useful add-ons:-

* Web Developers Toolkit by Chris Pederick
* Firebug
* Colorzilla

These are some of the tools that many of us forum posters use to check out novice users' websites to look for behind-the-scenes stuff that build a page - such as CSS.

You will - for example - be able to see what styles apply to every defined DIV on a webpage, and be able to change the css off-line to see what the result will look like.

[fsicody]

wow, those tools worked great. thank you very much

[fsicody]

ok the only problem now is that after a link is clicked, it changes to a different color which is fine for the rest of the links but i want my ez page links to always be one color except for when hovering. http://flowsolutions1.com/test

[fairestcape]

The standard zencart stylesheet often "groups" a number of style ID's and classes, as this is more efficient.

Sometimes, to get one element to display differently from others that "share" a style set, you have to SEPARATE it from the "group" and apply a different set of styles... EG:

THIS:-

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #FF0000;
}

BECOMES THIS, if you want to split out #navEZPagesTOC ul li a:hover and give it its own style:-

a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #FF0000;
}

#navEZPagesTOC ul li a:hover, {
color: #FFCC33;
}

[fsicody]

Ok, i've figure out something that seems a lot easier to me, make the ez page, do not make ez page navigation visible and add links to the header that point to the ez page, all my problems solved, i hope.

[fairestcape]

Ok, i've figure out something that seems a lot easier to me, make the ez page, do not make ez page navigation visible and add links to the header that point to the ez page, all my problems solved, i hope.

Other way round is easier... make the ez-page links visible and hide the static links in the header...

remember, the header will also show (if configured) links such as My Account, Shopping Cart, Checkout, etc.

With EZ-Pages, you can ALSO create internal links. At the bottom of the EZ-Page edit screen is an input field for internal links (followed by one for External Links)

If you want your "Home" link to appear in your ez-pages header, then you create a new ez-page called "Home", leave all the text part blank, and put into the "internal links" field "index.php".

For Contact Us, (the standard Contact Us page is a DEFINED page, and the URL to it is:- index.php?main_page=contact_us

So you would create a new zepages "page", call it "Contact Us", then in the internal URL field, put "index.php?main_page=contact_us"

I disable many of the "More Information" and "Information" type sideboxes and use the ezpages sidebox for all my info links - it's much easier... and...

There's no core code to hack!

[fsicody]

last question, then i'm done cuz i need to smoke, how do i get rid of the gap between my banner and my links?

[fairestcape]

last question, then i'm done cuz i need to smoke, how do i get rid of the gap between my banner and my links?

If you look at the SOURCE CODE of the home page, you will see (near the top):-

<div id="navMainSearch"><form name="quick_find_header" action="http://flowsolutions1.com/test/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" />&nbsp;<input type="submit" value="Search" style="width: 45px" /></form></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

The problem could be:-

<br class="clearBoth" />

(effects a line break)

And to see if that IS the issue, do this:-

Go to:

includes\templates\template_default\common\tpl_header.php

Send a copy of tpl_header.php to your hard drive and open it for editing in a good plain text editor.

Around lines 64, 65, 66, you will see:-

<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>

COMMENT OUT the <br class="clearBoth" />

<!--<br class="clearBoth" />-->

Save the file.

You now need to FTP it to:

includes\templates\classic\common\tpl_header.php

(If you don't have a folder in "classic" called "common", create one.)

See if this works. If not, you can UNDO the changes - or just delete the tpl_header.php in classic\common.

(This leaves the ORIGINAL in the template_default\common folder, which will then kick in.)

[fsicody]

that was it, thank you so much for all your help