WordPress.org

Support

Support » Themes and Templates » Menu Link Style?

Menu Link Style?

  • Hi, I’m trying to set up the style for the menu links in style.css. I know there’s a section for Menu and a section for elements like “a” (link). I don’t see a place where menu link style is defined–if it’s there, can you point me to it?

    Normally I’d add a class to my stylesheet called, for example, “.nav” that would include sub-styles for “a:link,” “a:visited,” “a:hover,” and “a:active,” and apply it in the link tag just before the “href.” Would this work? If so, where in the style sheet should it live–with the Menu stuff or with the element style stuff?

    Or I could apply it to the <div> in which this menu exists, if I can figure out where–there’s already so much stuff in the <div> tag I’m not sure how to set that up (see code below).

    <div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"><li id="menu-item-53" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-53"><a href="http://beverlybergphd.com">Home</a></li>
    <li id="menu-item-54" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54"><a href="http://beverlybergphd.com/couples.html">What Does a Recovering Couple Look Like?</a></li>
    <li id="menu-item-55" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-55"><a href="http://beverlybergphd.com/workshop.html">Workshops</a></li>
    <li id="menu-item-56" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-56"><a href="http://beverlybergphd.com/testimonials.html">Client Testimonials</a></li>
    <li id="menu-item-57" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-57"><a href="http://beverlybergphd.com/prof.html">What Professionals Say</a></li>
    <li id="menu-item-58" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58"><a href="http://beverlybergphd.com/bk-art.html">Books & Articles</a></li>
    
    <li id="menu-item-59" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-59"><a href="http://beverlybergphd.com/appearances.html">Appearances</a></li>
    <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="http://beverlybergphd.com/about.html">About Dr. Berg</a></li>
    <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="http://beverlybergphd.com/contact.html">Contact</a></li>
    <li id="menu-item-62" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-62"><a href="http://beverlybergphd.com/resources.html">Resources & Links</a></li>
    </ul></div>			</nav><!-- #access -->

    I’d appreciate any help. Thanks!
    –Karen

  • The topic ‘Menu Link Style?’ is closed to new replies.
Skip to toolbar