Announcement

Collapse
No announcement yet.

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

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

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

    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>
    Regards
    David

    #2
    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

    Code:
    <A HREF="NETQUOTEVAR:NAVLINK" TARGET="NETQUOTEVAR:NAVTARGET" NETQUOTEVAR:MOUSEOVERCALL>NETQUOTEVAR:NAVTEXT</A><br>
    Change this to read:

    Code:
    <A HREF="NETQUOTEVAR:NAVLINK" TARGET="NETQUOTEVAR:NAVTARGET" NETQUOTEVAR:MOUSEOVERCALL class="navbar">NETQUOTEVAR:NAVTEXT</A><br>
    Kind Regards
    Nadeem Rasool
    SellerDeck Development

    Comment


      #3
      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
      Regards
      David

      Comment


        #4
        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.
        http://www.johnsons-seeds.com - Actinic plugins, remote add to cart and custom CMS
        http://www.dtbrownseeds.co.uk - More seeds and plants....
        http://www.mr-fothergills.co.uk - Well it used to be Actinic...

        Comment


          #5
          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
          Regards
          David

          Comment


            #6
            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
            http://www.johnsons-seeds.com - Actinic plugins, remote add to cart and custom CMS
            http://www.dtbrownseeds.co.uk - More seeds and plants....
            http://www.mr-fothergills.co.uk - Well it used to be Actinic...

            Comment


              #7
              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
              }
              Regards
              David

              Comment


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

                Comment


                  #9
                  Hi there

                  Go to "Design | Text".

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

                  Phase -1
                  ID: 1968

                  Here you will have

                  Code:
                  <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
                  Nadeem Rasool
                  SellerDeck Development

                  Comment

                  Working...
                  X