Announcement

Collapse
No announcement yet.

Mega Menu Colour Change

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

    Mega Menu Colour Change

    I have searched for this and am surprised that it hasn't come up before.

    Is there any easy way to change the colour of just one of the tabs in the Mega Menu. For instance to change a "Sale" tab to red?

    Any advice would be appreciated.

    Jason
    Regards

    Jason

    Titan Jewellery (Swift Design)
    Zirconium Rings
    Damascus Steel Rings

    #2
    You would probably need a blockif for MainSection on the mega menu layout and a CSS style. This post may give pointers.
    Peblaco

    Comment


      #3
      Many thanks Louise
      Regards

      Jason

      Titan Jewellery (Swift Design)
      Zirconium Rings
      Damascus Steel Rings

      Comment


        #4
        Make a true/false variable selectable at Section level in Properties called 'IsSale', top value false

        In the 'Sale' section in properties select true for 'issale'

        In the Mega Menu layout around line 23 look for
        Code:
        echo '<li><a id="main-link<actinic:variable name="ListIndex" selectable="false" />" href="<actinic:variable encoding="perl" name="SectionHref" />"';
        Change that line to:
        Code:
        echo '<li<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSale%22%20%2f%3e"> class="salelink"</actinic:block>><a id="main-link<actinic:variable name="ListIndex" selectable="false" />" href="<actinic:variable encoding="perl" name="SectionHref" />"';
        Style
        Code:
        #mega-menu ul>li.salelink>a
        as you wish
        Jonathan Chappell
        Website Designer
        SellerDeck Website Designer
        Actinic to SellerDeck upgrades
        Graphicz Limited - www.graphicz.co.uk

        Comment


          #5
          Thanks, Jonathan
          I've created a new SALE Section on our site that stands out well with the colour change on the mega-menu tab and your accordion style mini drop down menu.
          Martin
          Mantra Audio
          Martin
          Mantra Audio

          Comment

          Working...
          X