WordPress.org

Ready to get started?Download WordPress

Forums

Menu Link Style? (1 post)

  1. karendesign
    Member
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic