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 »

page menu


  #1  
Old Nov 24, 2009, 06:34 PM
viewdesigninc
 
35 posts · Mar 2009
How can I set menu button background color separate from menu background?
  #2  
Old Nov 25, 2009, 12:26 PM
juggledad's Avatar
juggledad
 
23,575 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
do you want it set for just one button or for all of them?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 4, 2009, 01:19 PM
viewdesigninc
 
35 posts · Mar 2009
I'd like to set the background color different from all of the buttons, which would all be a different color.
  #4  
Old Dec 5, 2009, 06:05 AM
juggledad's Avatar
juggledad
 
23,575 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
there are several parts to the menu bar:
the background
the menu item's background
the menu items
the current menu item
whether it is active, visited, hovered, then all these things apply to each level of a submenu. There is a lot of CSS dealing with menu's.

But you can change things. All this CSS goes in ATO->add HTML/CSS Inserts->CSS Inserts.

to change the background use this
HTML Code:
/* ================================================== */
/* L0 - menu background                               */
/* ================================================== */
div#menu1 { 
	height: 40px;  
	margin-top:0px; 
	background: blue; 
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
Next to change the Menu item's background use
HTML Code:
/* ================================================ */
/* L1 - Menu item's background and border           */
/* ================================================ */
div#menu1 ul.rMenu {
	background: red;
	border: none 0px; 
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
and to change the menu items themselves use
HTML Code:
/* ================================================== */
/* L2 - Menu item                                     */
/* ================================================== */
ul.rMenu li a:link, 
ul.rMenu li a:active, 
ul.rMenu li a:hover, 
ul.rMenu li a:visited, 
ul.rMenu li {
	background: yellow !important;
	color: #000000 !important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
if you want the menu item for the current page to be different use
HTML Code:
/* ================================================== */
/* L3 - current menu item                             */
/* ================================================== */
ul.rMenu li.current_page_item a:link, 
ul.rMenu li.current_page_item a:active, 
ul.rMenu li.current_page_item a:hover, 
ul.rMenu li.current_page_item a:visited, 
ul.rMenu li a:hover
ul.rMenu li {
	background: black !important;
	color: #white !important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
You can delve deeper if you need. I hope this helps
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Oct 18, 2012 at 05:55 AM.
  #5  
Old Jan 10, 2010, 06:30 AM
Per Lund's Avatar
Per Lund
 
65 posts · Aug 2009
I have tried to insert this codes in CSS-insert, but nothing changes. The Page menu buttons are the colors that are set in the Page Menu Bar option.

Last edited by Per Lund; Jan 10, 2010 at 07:17 AM.
  #6  
Old May 31, 2010, 07:13 PM
deuxetoiles
 
44 posts · Dec 2009
Quote:
Originally Posted by Per Lund
I have tried to insert this codes in CSS-insert, but nothing changes. The Page menu buttons are the colors that are set in the Page Menu Bar option.
Me too.

I'd like the current page in the menu bar to be a different color than the hover color. Hoping for a solution here.

Thanks
  #7  
Old Jun 1, 2010, 01:35 PM
juggledad's Avatar
juggledad
 
23,575 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the following will cause the current page bnackground to be yellow with black text and then switch to black with yellow text when hovered over
HTML Code:
ul.rMenu li.current_page_item a {background:yellow !important; color:black !important;}
ul.rMenu li.current_page_item a:hover {background:black !important; color:yellow !important;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Oct 18, 2012 at 05:45 AM.
  #8  
Old Oct 17, 2012, 10:49 PM
stevinoz
 
60 posts · Sep 2012
Send a message via Skype™ to stevinoz
Quote:
Originally Posted by juggledad
there are several parts to the menu bar:
the background
the menu item's background
the menu items
the current menu item
whether it is active, visited, hovered, then all these things apply to each level of a submenu. There is a lot of CSS dealing with menu's.

But you can change things. All this CSS goes in ATO->add HTML/CSS Inserts->CSS Inserts
This was some time ago probably for an earlier version, what's the code for background in 3.7.9 ?
  #9  
Old Oct 18, 2012, 05:56 AM
juggledad's Avatar
juggledad
 
23,575 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the code is the same, browsers have changed - I edited the code to remove the '#' before the color 'name' - try it now.
__________________
"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
[SOLVED] Atahualpa Page Menu Bar -> BFA Page Menu Bar? bhannemann Page & Category Menu Bars 16 Feb 21, 2011 05:49 AM
[SOLVED] Page tab height issue: page link tabs higher than page menu bar Fux Page & Category Menu Bars 13 Oct 30, 2010 04:42 AM
[SOLVED] Page Menu Bar - Drop Down Menu Alignment KatyDigg Page & Category Menu Bars 1 Sep 9, 2009 05:45 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 11:18 AM
How do I add an icon to a page menu link in page menu bar? bcorrigan Page & Category Menu Bars 9 Apr 6, 2009 03:35 PM


All times are GMT -6. The time now is 07:33 PM.


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