How do I change the colour of the Navigation text?

[Jordy]

Hi all

I was wondering if one of you might be able to help with what is probably a simple fix.

One of the Actinic layouts comes with the option to have a left or right navigation which shows the cart contents and displays links to all the sections above it.

How do I change the colour of the "Section Link" text to another colour without effect the body text colour? I'm sure the answer is in the CSS file, but I can't find it. All I want to do is keep the body text black and the navigation text white.

Can any one help?

You can see a mockup jpeg of what I am trying to do here: http://homepage.mac.com/jordy2/potblack/

Cheers Jordy

[Bruce]

Hi Richard,

In Actinic go to Advanced | Template Manager | Section | Top Sections, this will open 'Act_SectionLineSmallText.html', which should contain the following code

<!-- SectionLine HTML begin -->
<!-- Insert HTML for the beginning of a section title -->
<!-- NETQUOTEVAR:SECTIONIMAGE NETQUOTEVAR:SECTIONTEXT -->
<A HREF="NETQUOTEVAR:SECTIONLINK"><span class="actxsmall">NETQUOTEVAR:SECTIONNAME</span></A>
NETQUOTEVAR:NEXT
<!-- Insert HTML for the end of a section title -->
<!-- SectionLine HTML end -->

I changed this to

<!-- SectionLine HTML begin -->
<!-- Insert HTML for the beginning of a section title -->
<!-- NETQUOTEVAR:SECTIONIMAGE NETQUOTEVAR:SECTIONTEXT -->
<A HREF="NETQUOTEVAR:SECTIONLINK"><span class="actxsmall"><font color="#FFFFFF">NETQUOTEVAR:SECTIONNAME</font></span></A>
NETQUOTEVAR:NEXT
<!-- Insert HTML for the end of a section title -->
<!-- SectionLine HTML end -->

This gives me white text for the section links, but retains the black text in the body area.

Kind regards,

[jont]

Why not combine the code into a new class to save on the HTML markup in case you need to change in the future :

instead of :

<span class="actxsmall"><font color="#FFFFFF">NETQUOTEVAR:SECTIONNAME</font></span>

use

<span class="myClass">NETQUOTEVAR:SECTIONNAME</span>

and in the actinic.css copy the actxsmall class and paste then rename it as .myClass and add in

color: #ffffff;

that will also VERY marginally improve browser rendering speed also

[Jordy]

Cheers Guys

That's awesome, I will try it out later this evening. If these work I can finally get around to bringing all the products in.

Thank you again

[Jordy]

Worked like a charm fellas, cheers for your help

Jordy