Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] Adding pipe character to separate menu items


  #1  
Old Aug 16, 2010, 02:51 PM
kippiper
 
135 posts · Jun 2009
Hi guys!

How can I add the pipe separator "|" between page menu bar items?

Thanks!

KIP
  #2  
Old Aug 16, 2010, 03:16 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
That's usually done with a right or left border on all but one menu item.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Aug 16, 2010, 03:23 PM
kippiper
 
135 posts · Jun 2009
Hi Larry -

Thanks! Makes sense...but how might I code it?

KIP
  #4  
Old Aug 16, 2010, 03:36 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
As a starting point add the following to ATO>Add HTML/CSS Inserts>CSS Inserts. You will have to tweak for your particular needs.
HTML Code:
div#menu1 li {border-right:1px solid black;}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Aug 16, 2010, 03:37 PM
kippiper
 
135 posts · Jun 2009
Excellent! Thanks!
  #6  
Old Aug 16, 2010, 03:57 PM
kippiper
 
135 posts · Jun 2009
Hi Larry -

Well, it's not working cause I'm not sure how to incorporate in the coding I am using for a transparent background. Here is the code below. Where should I add the right border coding?

Thanks!!!

div#menu1 {
height: 40px;
margin-top:20px;
background: none;
}
div#menu1 ul.rMenu {
background: none;
border: none 0px;
}
ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {
background: none !important;
}
  #7  
Old Aug 16, 2010, 05:41 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
What happens if instead of border:none 0px; you have
HTML Code:
border-left:1px solid black;
border-right:1px solid black;
Do you have a URL?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #8  
Old Aug 22, 2010, 01:24 PM
kippiper
 
135 posts · Jun 2009
Hi Larry -

Sorry for not replying sooner - I've been covered up with travel and other deadlines.

Silly me for not giving a URL!

http://www.fivestarmetalworks.com

And YAY! It worked! Thanks!!!

KIP

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Changing the drop down character on page menu bar SherylCPA Page & Category Menu Bars 6 Jun 15, 2011 11:00 PM
Adding space in category meny bar + separate RSS for separate categories? jenny_li Page & Category Menu Bars 2 May 10, 2010 05:57 AM
Adding list items to the Page Menu bseppa Page & Category Menu Bars 10 May 4, 2010 01:37 PM
[SOLVED] Adding a blank line to separate the categories listing on the sidebar beach40 Sidebars & Widgets 7 Mar 27, 2010 09:01 AM
How to separate line items in widget content with a line? mgofootball Sidebars & Widgets 5 Jul 19, 2009 08:36 PM


All times are GMT -6. The time now is 05:35 AM.


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