Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] Different background on activer and hover menu tabs


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Nov 7, 2012, 08:03 AM
Harald
 
70 posts · Mar 2010
How can I get the background to be different on the active and hover menu tabs? This is the site I am working on http://blueberrybuilders.com/test/.
  #2  
Old Nov 7, 2012, 10:31 AM
juggledad's Avatar
juggledad
 
21,970 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
look at the sticky in this forum
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Nov 7, 2012, 10:42 AM
Harald
 
70 posts · Mar 2010
I used this code from a thread

div#menu1 .current-menu-item a {
background-color: #666666;
color: #ffffff !important;
}

I am sorry to say, it did not make any difference.
  #4  
Old Nov 7, 2012, 01:54 PM
juggledad's Avatar
juggledad
 
21,970 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you did not use a Pseudo-classes - do a google search using 'css Pseudo-classes' and read about them
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Nov 7, 2012, 02:55 PM
Harald
 
70 posts · Mar 2010
I read it, and cam up with this.

div#menu1 .current-menu-item a:hover {
background-color: #666666;
color: #ffffff !important;
}

Did not work
  #6  
Old Nov 7, 2012, 03:32 PM
Harald
 
70 posts · Mar 2010
I did this, and it did the job.

/* ================================================ */
/* how to highlight current page */
/* ================================================ */
ul.rMenu li.current_page_item a:active,
ul.rMenu li.current_page_item a:visited,
ul.rMenu li.current_page_item {
color: #ffffff !important;
background: #748daf;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#748daf), to(#5b6e88))!important;
background: -webkit-linear-gradient(#99BBEA, #4991C9);
background: -moz-linear-gradient(#99BBEA, #4991C9);
background: -ms-linear-gradient(#99BBEA, #4991C9);
background: -o-linear-gradient(#99BBEA, #4991C9);
background: linear-gradient(#99BBEA, #4991C9);
-ms-filter:"progid:DXImageTransform.Microsoft.linear-gradient(startColorstr=#99BBEA,endColorstr=#4991C9 )";
filterrogid:DXImageTransform.Microsoft.linear-gradient(startColorstr=#99BBEA,endColorstr=#4991C9 );
}

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Would like hover background to fill menu ktaylor310 Page & Category Menu Bars 6 Sep 22, 2011 10:34 AM
[SOLVED] Background color:hover not working for 'category' items in menu 1 (page menu akg Center area post/pages 4 Sep 27, 2010 08:08 AM
[SOLVED] Applying page menu background with hover opacity krystyna Page & Category Menu Bars 6 Mar 2, 2010 12:14 AM
Page Menu Background & Hover Image how to do this... ssoszka Atahualpa 3 Wordpress theme 11 Feb 18, 2010 11:19 AM


All times are GMT -6. The time now is 12:39 AM.


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