0
Welcome Guest! Login
0 items Join Now

Menu suffix

Last Post
Search Topic
    • Designhow's Avatar
    • Designhow
    • Elite Rocketeer
    • Posts: 1013
    • Thanks: 0

    Menu suffix

    Posted 13 years 9 months ago
    • 70.32.73.244/joomla/en/ I styled this menu..
      sweaty hands | sweaty feet |... with the code below in my template.css file.

      It has also styled the top menu on another template page. How do I make two separate styles for one menu?


      #rt-menu ul.menu li a, .menutop li.root .item, .menu-type-splitmenu .menutop li .item{
      color: #000000;
      background-color: #EA8E37;
      -moz-box-shadow: 5px 5px 5px #4D4D4D;
      -webkit-box-shadow: 5px 5px 5px #4D4D4D;
      box-shadow: 5px 5px 5px #4D4D4D;
      }
    #686345
    • Cliff Pfeifer's Avatar
    • Cliff Pfeifer
    • Preeminent Rocketeer
    • Posts: 8444
    • Thanks: 20
    • Website Developer

    Re: Menu suffix

    Posted 13 years 9 months ago
    • Hi you can add a module class suffix, in the module parameters. Call it whatever you like, such as "new-menu". From there, you just put that class name in front of your code, so if you wanted to use the code above for your new menu, you would write:

      .new-menu #rt-menu ul.menu li a, .menutop li.root .item, .menu-type-splitmenu .menutop li .item{
      color: #000000;}

      You use the suffix as a CSS hook and style away. Hope that helps.
    • The difficult we do immediately, the impossible takes a little longer.
    #686564

Time to create page: 0.060 seconds