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 »

dividers


  #1  
Old Oct 21, 2010, 11:47 AM
cway
 
154 posts · Jul 2009
Does anybody know how to get dividers between menu options in the page menu bar?

Code:
/* ================================================ */
/* Page menu background                             */
/* ================================================ */
div#menu1 { 
	height: 40px;  
	margin-top:0px; 
	background-image: URL(http://www.domainname.com/gfx/paper_background.jpg);
}
/* ================================================ */
/* Page Menu item's background and border           */
/* ================================================ */
div#menu1 ul.rMenu {
	background-image: URL(http://www.domainname.com/gfx/paper_background.jpg);
}
/* ================================================ */
/* Page Menu item                                   */
/* ================================================ */
ul.rMenu li a:link, 
ul.rMenu li a:hover, 
ul.rMenu li a:active, 
ul.rMenu li a:visited, 
ul.rMenu li {
	background-image: URL(http://www.domainname.com/gfx/paper_background.jpg) !important;
	background-repeat: repeat;
	color: #663300 !important;
}
  #2  
Old Oct 21, 2010, 02:38 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try
HTML Code:
div#menu1 ul.rMenu li a {
border-right: dotted 1px #cccccc !important;	
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 22, 2010, 09:26 AM
cway
 
154 posts · Jul 2009
Hmmm. That didn't seem to work.
  #4  
Old Oct 22, 2010, 09:34 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you using the Atahualpa menu's or Wordpress?
bump the 1px to 10px to see - and maybe make it solid and a standout color like #00ffff
just worked in my test.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Oct 22, 2010, 09:55 AM
cway
 
154 posts · Jul 2009
I've tried both WP and Ata menu.
It appears on mouse-over, but I'd like the dividers to always be there.

Last edited by cway; Oct 22, 2010 at 10:01 AM.
  #6  
Old Oct 22, 2010, 10:05 AM
cway
 
154 posts · Jul 2009
Actually, I just added some padding and now I see the divider. Now I just need the divider centered between each menu item.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Dividers in top navigation showing in drop downs gold fox Page & Category Menu Bars 0 Feb 25, 2010 04:50 PM


All times are GMT -6. The time now is 02:26 AM.


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