WordPress.org

Ready to get started?Download WordPress

Forums

Adding separators to Horizontal Menu in Twenty Ten? (5 posts)

  1. barwick
    Member
    Posted 3 years ago #

    I'd like to add a separator (possibly just a vertical line, or maybe a dot) between my menu elements in Twenty Ten.

    Blog site (entry page) is http://www.motorcityfitness.com and you can see it there, the 5 pages kinda blend together in the menu, a little bit anyhow.

    Is the way to insert those through the style sheet? I forget, I could have swore a theme I used elsewhere had this, but I can't find out where. I just want the stupid separator in there.

  2. Digital Raindrops
    Member
    Posted 3 years ago #

    Using an image from this tutorial, adding a folder '/images/' to the theme and the images.

    Not sure how to do a text one!

    #access li {
    	background: url(images/separator.gif) no-repeat right center;
    }

    Untested
    Another option is: 'link_after' => '|'
    In header.php find

    <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

    Change to:

    <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary', 'link_after' => '|') ); ?>

    HTH

    David

    HTH

    David

  3. barwick
    Member
    Posted 3 years ago #

    Thanks. I tried the link_after and it didn't quite look right, plus it was after every page, not just separating each page. I may have to do it the image way, with background images, but I'm not sure I want to do that.

  4. zeaks
    Member
    Posted 3 years ago #

    I know this topic is old but on my site http://zeaks.org I just added

    #access a {
    border-right:1px solid #f1f1f1;
    }

    to the css

  5. keyaspects
    Member
    Posted 3 years ago #

    how about just using the after parameter?
    http://codex.wordpress.org/Function_Reference/wp_nav_menu

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.