Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Divider between Page Menu Bar items


  #1  
Old Sep 5, 2009, 10:11 AM
rebecca
 
1 posts · Sep 2009
Berlin
Hello,

I would like to have a '|' in between the items in the Page Menu Bar so that it would look something like this:

Home | News | CV | Maps | Contact

Does anyone know how I might do this?

Thank you in advance for your help.
  #2  
Old Sep 15, 2009, 04:38 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You could add an image through a CSS Insert

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:active,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:hover {
background: url(/path/to/image.gif) no-repeat scroll center left;

}

div#menu1 ul.rMenu li:first a {
background-image: none !important;

}

This will probably require various other CSS changes to make it look like intended by you. I suggest to use Firebug for this. You'll need to edit the LI and the A

div#menu1 ul.rMenu li {
...
}

and

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:active,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:hover {
...
}
  #3  
Old Apr 8, 2010, 03:42 PM
jtsharp
 
23 posts · Mar 2010
Have any updates made it possible to do this without adding an image?
  #4  
Old Apr 9, 2010, 08:26 AM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
not as of 3.4.6
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Menu Bar - space between items Tamas Page & Category Menu Bars 12 Apr 13, 2010 07:52 AM
How to make Page Menu Bar items BOLD? PerryM Page & Category Menu Bars 3 Dec 3, 2009 10:03 AM
Aligning Page Menu items joaodagraca Page & Category Menu Bars 1 Aug 8, 2009 05:13 AM
Space between page menu items nymana Page & Category Menu Bars 7 Jul 28, 2009 08:42 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 11:18 AM


All times are GMT -6. The time now is 10:11 AM.


Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.