We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 1447
    • 7 Posts
    Hi all!

    Got some problems with rowCLass and hereClass. Is it not possible to use both?

    I use: [[Wayfinder? &startId=`0` &rowClass=`nav` &hereClass=`active`]]

    and get:

    <ul><li class="nav active"><a href="" title="" ></a></li>
    <li class="nav"><a href="" title="" ></a></li>
    <li class="nav"><a href="" title="" ></a></li>
    <li class="nav"><a href="" title="" ></a></li>
    <li class="nav"><a href="" title="" ></a></li>
    <li class="nav"><a href="" title="" ></a></li>
    </ul>

    How can i solve it?

    //Ananassa
      • 15987
      • 786 Posts
      the rowClass will be assigned to every row, and the hereClass will be assigned to the current page. so you would just need to override any css definitions in the rowClass with your hereClass definitions.

      The other way to get around this would be to make a new template for the here item.
        • 1447
        • 7 Posts
        Thanks for the fast answer kylej smiley

        I cant override it because the space between nav and active.. Is there any way i can remove the spacing? I can
        rename the .nav to .nav_ and the here-class will be .nav_active

        How do i use the template, i did not understand the manual.

        Thanks!
          • 28042 ☆ A M B ☆
          • 24,524 Posts
          That just means that that element has two classnames, since it’s both a row element and the active row, it’s easy to override the one with the other, just add more detailed identification to the CSS:
          ul li.active { blah: blah; }
            Studying MODX in the desert - http://sottwell.com
            Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
            Join the Slack Community - http://modx.org
            • 15987
            • 786 Posts
            in your css if you have the following:

            li.nav {
            some css
            }

            li.active {
            some css
            }

            the page will overwrite the declarations in the nav class with the active class for the li with class="nav active"
              • 1447
              • 7 Posts
              Thank you so much! I did not know i can use as many classes as i want smiley
              ( http://www.webcredible.co.uk/user-friendly-resources/css/css-tricks.shtml )

              This is great, and works fine now!
              Thank you!