Support » Themes and Templates » Adding separators to Horizontal Menu in Twenty Ten?

  • 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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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

    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.

    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

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding separators to Horizontal Menu in Twenty Ten?’ is closed to new replies.