How do I apply a css class to the "Logout" text

[skinnybloke]

Hi - I am upgrading a site from v6 to v7. I want to apply a class to the "Logout" text. I did this in v6 but cannot see how to do it in v7.

When I look at my v6 generated code I see:

<A HREF="http://www.domain.com/cgi-bin/bb000001.pl?ACTION=LOGOUT" class="navbar" TARGET="_self">Logout</A>

when I look at v7 generated code I see:

<A HREF="http://www.domain.com/cgi-bin/bb000001.pl?ACTION=LOGOUT" TARGET="_self">Logout</A>

[Nadeem]

Hi David,

Was the logout text something you added to the primary template, or is this within the actinic navigation.

If it is the latter than open Act_Navigationitem.html

Find the following line

<A HREF="NETQUOTEVAR:NAVLINK" TARGET="NETQUOTEVAR:NAVTARGET" NETQUOTEVAR:MOUSEOVERCALL>NETQUOTEVAR:NAVTEXT</A><br>

Change this to read:

<A HREF="NETQUOTEVAR:NAVLINK" TARGET="NETQUOTEVAR:NAVTARGET" NETQUOTEVAR:MOUSEOVERCALL class="navbar">NETQUOTEVAR:NAVTEXT</A><br>

Kind Regards

[skinnybloke]

Hi Nadeem - I've just re-read my post and realise I did not explain myself very well.

The code in the template that the above Anchors replace is <Actinic:LOGOUT_SIMPLE/>.

So I think it is a case of know where the code that replaces <Actinic:LOGOUT_SIMPLE/> comes from.

David

[DaveT]

It may be in Design...Text...Phrase ID 2283.

On mine it is:

</TR><TR><TD ALIGN=RIGHT><A HREF="%s?ACTION=LOGOUT%s" TARGET="%s"><B>%s</B></A></TD>

And you should also look at Phrase ID 217:

<span class="tinytext"><font color="#000066">Logout</font></span>

Either of these could be changed to apply CSS classes.

[skinnybloke]

Hi David - I also thought it was 2283 - I've just double checked it and it shows:

</TR><TR><TD ALIGN=RIGHT><A class="navbar" HREF="%s?ACTION=LOGOUT%s" TARGET="%s"><B>%s</B></A></TD>

...so it can't be that unless Actinic is doing something funny with it.

My 217 just shows:

%sLogout%s

[DaveT]

Can you post your NavBar css class code?

Have you tried:

Hi David - I also thought it was 2283 - I've just double checked it and it shows:

%s<span class="anchor-or-span-class">Logout</span>%s

[skinnybloke]

Hi David - I use class="navbar" elsewhere in the site and it functions correctly. Maybe I've changed the text of these fields in the previous version which is no longer valid in version 7. Could someone from Actinic have a quick look into this please.

My navbar code is:

.navbar
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #000000;
FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.navbar:link
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #336699;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
TEXT-DECORATION: none
}
A.navbar:visited
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #336699;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
TEXT-DECORATION: none
}
A.navbar:hover
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #cccccc;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
TEXT-DECORATION: none
}

[skinnybloke]

I'll also give your code %s<span class="anchor-or-span-class">Logout</span>%s a go

[Nadeem]

Hi there

Go to "Design | Text".

Click on the "Go to" button and type the following

Phase -1
ID: 1968

Here you will have

<SPAN CLASS="actlogout">

Please try changing this to your own class. This span class does the following

Font code used for 'current customer', 'current account' and 'logout' text.

Taken from the v7 Advance User Guide.

Kind Regards