Wordpress Themes - WP Forum at BFA - Replace Separator with Image

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - Replace Separator with Image (http://forum.bytesforall.com/showthread.php?t=3567)

Replace Separator with Image

I'm trying to replace the default dotted line that separates sidebars from the body with an image of a vertical line. Is this possible? Thanks,

Brett

why not change the dotted line to a solid line? (ATO->Page Menu Bar->Border around all menu items - change 'dashed' to 'solid')

Thanks for your reply... Am I correct in reading into the reply that an image isn't possible?

A solid line would get me closer to where I'd like to be but still not there. Thanks,

Brett

I was just giving the easy suggestion first. You could play with this. Edit bfa_hor_pages.php
change line 6 (version 3.4.2) from

HTML Code:

        $list_pages_string = wp_list_pages('sort_column=' . $sort_order . '&title_li=&depth=' . $levels . '&exclude=' . trim(str_replace(" ", "", $exclude)) . '&echo=0');

to this

HTML Code:

        $list_pages_string = wp_list_pages('sort_column=' . $sort_order . '&title_li=&depth=' . $levels . '&exclude=' . trim(str_replace(" ", "", $exclude)) . '&echo=0'. '&link_before=*  ' . '&link_after=  *');

this will add a * before and after the page name. You could also use
link_after=<img src=”http://mydomain.com/myImage.gif"
This will put the image after each page titles - the down side is it will put it after teh last page also (which is why I suggested using the link_before and link_after in my first example) and it will put it after the page name in submenu's also

If you mean for eg putting a golden line vertically like this here; then this has worked for me:

I made .pngs (because i could change background colour any time) of desired sidebar width and uploaded these images to theme's image folder and put this into Ata options - style and configure sidebars- left/right sidebar style:

background: url(/wp-content/themes/atahualpa342/images/whatever.png);

hope this helps.