TOPLEVELSECTION & nav text colour query

[andym]

Hello

Am in the process of building a site and have a couple of questions that are driving me potty.

Firstly, I've created a box containing my TOPLEVELSECTION on the left of my pages which works fine on all but the 'Terms' and 'Search' pages. Have been all through Design, Options, Sections but am still lost.

Secondly, I'd like to change the colour of the text in the navbar and did manage it a couple of weeks ago but have since forgotten how I did it! Followed instructions on a good thread but now can't find the thread.

Thanks

Andy

[Nadeem]

Hi there

Have a look in "Act_NavigationItem.html" and apply the colour you wish to have in here. This will apply the colour on the navigation text.

Kind Regards

[andym]

Hi

Have managed to alter the colour and size of the text in my navbar not quite sure how though! Have added a "FAQ" link in to it as well but although the text is similar in appearance, it reacts differently on rollover. The added text (the FAQ) is great - just added anotherstyle with it's own seperate "link, visited, hover, active" attributes and it works well. The other variables are more than stubborn.

Not sure how I got then larger and a different colour but nevertheless I'd like them to underline on mouseover - any ideas how this can be done? Altered Act_NavigationalItem.html as suggested and this will change the initial font colour away from the default settings but no more.

Code as follows:
Actinic.css contains....

.navtop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-decoration: none;






}
a.navtop:link{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;



}

a.navtop:visited{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;



}

a.navtop:hover{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;



}

a.navtop:active{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;



}

Act_NavigationalItem.html contains..

<!-- NavigationItem HTML begin -->
<!-- This file is used to build the navigation item markup. -->
<link href="actinic.css" rel="stylesheet" type="text/css">

NETQUOTEVAR:TEMPLATEBEGINXML
<span></span>&nbsp;<A HREF="NETQUOTEVAR:NAVLINK" TARGET="NETQUOTEVAR:NAVTARGET" NETQUOTEVAR:MOUSEOVERCALL><span class="navtop"><b>NETQUOTEVAR:NAVTEXT</b></span></A>&nbsp;<span></span>
NETQUOTEVAR:TEMPLATEENDXML 
<!--not used NETQUOTEVAR:NAVIMAGE-->
<!-- This file is used to build the navigation item markup. -->
<!-- NavigationItem HTML end -->

and Act_Primary.html contains..

<table height="30" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="13" height="30" align="right"><img src="navtopleft.jpg" width="13" height="30"></td>
    <td height="30"><table height="30" border="0" align="center" cellpadding="3" cellspacing="0" background="palette1bg.gif">
        <tr> 
          <td height="30" align="center" background="navtopbdy.jpg"> <p>NETQUOTEVAR:NAVBHOME 
              NETQUOTEVAR:NAVBBACK <a href="index.htm" class="navtop">FAQ</a> NETQUOTEVAR:NAVBINFO 
              NETQUOTEVAR:NAVBCART NETQUOTEVAR:NAVBCHECKOUT NETQUOTEVAR:NAVBMAIL</p></td>
        </tr>
      </table></td>
    <td width="14" height="30" align="left"><img src="navtopright.jpg" width="14" height="30"></td>
  </tr>
</table>

If anyone can shed any light on this (or my other question about displaying the TOPLEVELSECTION on my Terms and Search pages) I'd greatly appreciate it.

Andy

[Nadeem]

Hi Andy

Try opening your actinic.css and find the a.navtop:active class. Here change:

text-decoration:none;

to

text-decoration:underline;

Kind Regards