View Full Version : Sidebar Menu Rollover Arrow Color
jdadwilson
02-16-2013, 01:32 AM
I have searched the forums but cannot find an answer for this question...
How do I make the color of the arrow change on roll-over? I want it normally visible in red but on roll-over I change the background to a dark blue with white text and would like the arrow to be white also.
TIA for any assistance.
James A. Wilson
Web Developer
www.txfannin.org
ajfmrf
02-16-2013, 10:59 PM
In the css file (http://www.txfannin.org/files_css/chg_constants.php?c=styles_main.css)
look for this part:
.sidebarmenu a.subfolderstyle{
background:url(../files_images/mis_images/right_arrow.png) no-repeat 97% 50%;
}
you can use what ever image you want for that arrow.Just make sure the size is the same
so it does not mess up things and also place the new image in the same directory as the
original arrow is
So to do what you want,you need to get that new arrow in the color you want then add the hover effect to change the background and image to what you need.
I will have to look at that next.I will be back in a while and hopefully have the hover part ready(maybe some css guru will beat me??)
ajfmrf
02-16-2013, 11:05 PM
try this out.Add this below the other arrow part:
.sidebarmenu a.subfolderstyle:hover{
background:url(../files_images/mis_images/the_new_arrow.png) no-repeat 97% 50%;
background -color:darkblue;color:white;}
Remember you need the white arrow to get this to work-the red part should reflect the whit arrow image
jdadwilson
02-17-2013, 12:57 AM
That did the trick. Thanks for your help.
James A. Wilson
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.