Menu Rollover Link Color

This topic contains 7 replies, has 2 voices, and was last updated by  Simone 9 years, 4 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • January 18, 2015 at 8:02 pm #27891

    kelsey.rahenkamp
    Expired Member
    Post count: 53

    Help, for some reason I figured out how to change a single menu item’s color, but not the rollover text color. My site is bluegrassbrides.com/staging and you can see my login link is colored differently. However, when you roll over it, I want the text to be white. What is the css code I need to do that?

    January 18, 2015 at 8:21 pm #27895

    Simone
    Expired Member
    Post count: 3515

    Hello, this should do the trick

    

    #access a:hover {
color:#ffffff;
}

    

    if you also want the border to be white add
    

    border-color:#ffffff;
    

    after the color value
    

		
	
    


    

			
				

    

	
    

		January 18, 2015 at 9:34 pm

		
		#27900

		
		
		
	
    


    


    

	
    

		
		
    kelsey.rahenkamp
    Expired Member
    
		
		
     Post count: 53
    
	
    

	
    

		
		
    I tried that and it doesn’t seem to work. Also, even if it worked, wouldn’t it changed the entire menu’s text color? I only want the last menu item’s color to be changed.
    

		
	
    


    

			
				

    

	
    

		January 18, 2015 at 9:36 pm

		
		#27901

		
		
		
	
    


    


    

	
    

		
		
    Simone
    Expired Member
    
		
		
     Post count: 3515
    
	
    

	
    

		
		
    sorry, this should be it:
    

    

    #menu-item-1593 a:hover{
color:#ffffff;
}
    

		
	
    


    

			
				

    

	
    

		January 18, 2015 at 10:03 pm

		
		#27914

		
		
		
	
    


    


    

	
    

		
		
    kelsey.rahenkamp
    Expired Member
    
		
		
     Post count: 53
    
	
    

	
    

		
		
    I’ve actually tried that already and it isn’t working. I have put it in both my child theme CSS and the Geodirectory script section. I have cleared my cache and checked other browsers. It doesn’t seem to be working. Ugh, this seems like it should be a simple fix!
    

		
	
    


    

			
				

    

	
    

		January 18, 2015 at 10:04 pm

		
		#27917

		
		
		
	
    


    


    

	
    

		
		
    Simone
    Expired Member
    
		
		
     Post count: 3515
    
	
    

	
    

		
		
    try with the !important
    

    

    #menu-item-1593 a:hover{
color:#ffffff !important;
}
    

		
	
    


    

			
				

    

	
    

		January 18, 2015 at 10:14 pm

		
		#27920

		
		
		
	
    


    


    

	
    

		
		
    kelsey.rahenkamp
    Expired Member
    
		
		
     Post count: 53
    
	
    

	
    

		
		
    It worked, thank you!
    

		
	
    


    

			
				

    

	
    

		January 18, 2015 at 10:15 pm

		
		#27921

		
		
		
	
    


    


    

	
    

		
		
    Simone
    Expired Member
    
		
		
     Post count: 3515
    
	
    

	
    

		
		
    You’re welcome :]
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 8 posts - 1 through 8 (of 8 total)
	


	


		
	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket