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] Different background on activer and hover menu tabs


  #1  
Old Nov 7, 2012, 08:03 AM
Harald
 
72 posts · Mar 2010
[SOLVED] Different background on activer and hover menu tabs

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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
look at the sticky in this forum
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 7, 2012, 10:42 AM
Harald
 
72 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you did not use a Pseudo-classes - do a google search using 'css Pseudo-classes' and read about them
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Nov 7, 2012, 02:55 PM
Harald
 
72 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
 
72 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 09:38 AM.


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