Jennifinch-
Just wondering if you ever made this work. I have tried both methods with varying success but nothing which satisfies my designer.
Using link_after, I can’t get the spacing I need between the navigation links. And using li:after, I run into issues with the pipe appearing below the navigation link.
I have also tried using a border-right, but run into issues with the sizing due to a hover state image spacing above my link.
Thanks
Chris
chriswm, you could add something like this in link_after:
<span class="navSep">|</span>
then add something like this to your stylesheet:
.navSep { padding:0 5px; }
I didn’t actually try that code, but something like that should accomplish what you need.
I thought of trying something like that as well, but the navigation links are being pulled using wp_list_pages. I am thinking, I may need to do some actually editing of the pulling function to get the pipe to show properly.
Why not just add a border left or border right to the list items? Then you can use li:last-child or li:first-child to remove the first or last one (depending on if you do border left or right) if you want.
here is a more complicated solution (no child pages allowed):
<ul>
<?php // wp_page_list with separator element
$args = array(
'title_li' => '',
'sort_column' => 'menu_order',
'sort_order' => 'asc',
'exclude' => '120,121',
'child_of' => 0,
'parent' => 0,
'exclude_tree' => '',
'hierarchical' => 1,
'echo' => 0 );
$pgl=wp_list_pages( $args );
$sep=' | '; // optional separator
$rep='</li>'.$sep; // adding separator to replacent for </li>
$pgl=str_replace('</li>',$rep,$pgl); // add separator after all closing li
if($sep!='') :
$pgl=strrev($pgl); $sep=strrev($sep); // this is needed for removing the last separator
$pgl=explode($sep,$pgl,2); // this is needed for removing the last separator
$pgl=implode('',$pgl); $pgl=strrev($pgl); // this is needed or removing the last separator
endif;
echo $pgl; // echo pagelist
?> </ul>
$sep=' | '; could be anything, for instance $sep='<span> | </span>';
you could turn the whole snippet into a function and hide it in functions.php of your theme.
