We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 27368
    • 5 Posts
    hi all,
    I want to do a animated dropdownmenu with wayfinder.
    I implemented cssplay "dropdown" already, but still wayfinder keeps the "arrows" in front of the buttons.
    Thought "list-style-type:none" would remove them but it doesn’t.

    Any ideas?


    in the end it should look like this
    http://demo.opensourcecms.com/modx/

    Thanks a lot
    Marcus
      • 10487 MODX Staff
      • 1,535 Posts
      Sounds like the arrows are being controlled by the ’background-image’ CSS property. Check for any background statements for the ul or li statements. AFAIK, ’list-style-type’ controls the display of the in-built bullet symbols, not bullet images added via the background property.

      If you still have problems, providing a link to the page or some sample code would help to pinpoint the problem.
        Garry Nutting
        Senior Developer
        MODX, LLC

        Email: [email protected]
        Twitter: @garryn
        Web: modx.com
        • 27368
        • 5 Posts
        Hi
        you are right, it was defined in global template-CSS while I was trying to find the "arrow"-gif within the wayfinder-templates.
        It works so far.
        Thanks a lot