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 »

Hover image shows only on "Home" page


  #1  
Old Oct 21, 2011, 08:13 AM
KylaKreates
 
8 posts · Jun 2011
I hate to ask this because I could swear that I came across this once before I had the problem but now I can't find it again. Please know that I do search the forum before posting and have gotten so much valuable info from it!! My problem is the image I use for hover on the %pages-center menu bar only shows when you are on the home page. I would like for it to show from any location. Is there a way to make that happen? The link is http://www.homeschoolshare.com/blog. While I'm at it here, any idea what I've done that causes the menu items to jump on hover? Thank you so much for all you guys do!
  #2  
Old Oct 21, 2011, 08:27 AM
juggledad's Avatar
juggledad
 
23,569 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
How did you add the smile?
__________________
"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 21, 2011, 12:08 PM
KylaKreates
 
8 posts · Jun 2011
I used:
.home li a:hover {
background: url("http://www.homeschoolshare.com/blog/wp-content/uploads/smile_hover.png") no-repeat scroll left!important;
}
Initially we were doing a different image and I needed to add different ones to the different items so I assigned classes. I tried a million codes that I learned from the forum and the only one I could ever get to work was the one above. Initially it was just supposed to be for the "home" class but it worked for all of them. I was afraid to change anything!!

the other code I have in regard to the menu is:
#menu1 li.menu-item a:hover {
padding: 0px 10px 10px 20px;
}
div#menu1 { border: none 0px; }
/* Menu Bar */
div#menu1 ul.rMenu {
background: #fffffe;
height: 40px;
padding: 0px 10px 40px 40px;
}
  #4  
Old Oct 21, 2011, 12:21 PM
juggledad's Avatar
juggledad
 
23,569 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
HTML Code:
.home li a:hover {
background: url("http://www.homeschoolshare.com/blog/wp-content/uploads/smile_hover.png") no-repeat scroll left!important;
}
in english says "when you hover on a link that is part of a list in an HTML element with a class of 'home' use this background.

the only element that gets a class of 'home' is the <body...> element and it is only assigned when you are on the home page. So when you go to another page, the CSS Selector (.home li a:hover) doesn't match anything so the background rule is not applied
__________________
"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 21, 2011, 12:29 PM
KylaKreates
 
8 posts · Jun 2011
Well, now that makes perfect sense! Could you help me re-write it please? Did you see it jump around all over the place?
  #6  
Old Oct 21, 2011, 06:56 PM
KylaKreates
 
8 posts · Jun 2011
I just figured it out! I should have used:

div#menu1 li a:hover {
background: url("http://www.homeschoolshare.com/blog/wp-content/uploads/smile_hover.png") no-repeat scroll left!important;
}

Thanks for all of your help!

Bookmarks

Tags
%pages-center, hover, menu

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
PATCH 367-04: Hovering over a Post/Page title only shows "Permanent Link to " juggledad Old Version fixes and change logs 0 Jun 20, 2011 01:03 PM
Home page loses formatting when navigating to the "contact us" page then back to home johnpreston Page & Category Menu Bars 1 Jan 5, 2011 08:31 PM
How to rename "Home" title in the home page instead setting NOT to display "home"? akg Center area post/pages 6 Sep 30, 2010 08:33 PM
Separate "home" page and "blog" page jasonnorco Page & Category Menu Bars 4 Jul 18, 2010 02:53 PM


All times are GMT -6. The time now is 09:52 AM.


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