irori Posted September 5, 2012 Share Posted September 5, 2012 I just noticed that when mousing over any of the blue buttons in my cart such as 'update' cart or 'buy now' or 'basket' there is no lightening of the button colour or any indicator that the button has been clicked, particularly if a customer is lower on the page and cannot see the cart contents at the top right corner then it is easy to add too many items to the cart thinking an item was not added. Is there a way to highlight the hover (or mouse over)? Thankyou in advance. Quote Link to comment Share on other sites More sharing options...
Dirty Butter Posted September 5, 2012 Share Posted September 5, 2012 See your skin/styles/common.css about line 755 - you should be able to add a hover style there for the button, but it didn't work for me when I attempted it - hopefully someone who knows what they're doing will be along soon. Thanks for the sig! Quote Link to comment Share on other sites More sharing options...
Guest Viola Posted September 6, 2012 Share Posted September 6, 2012 In /skins/mican/styles/blue/layout.css find the style for .button_default on line 133. After it add: .button_default:hover{ your style rules here } Quote Link to comment Share on other sites More sharing options...
irori Posted September 7, 2012 Author Share Posted September 7, 2012 Thankyou, that worked great changed all the others as well...except as the 'view basket' as not sure where that one is. I did notice though that some links (buttons) show up the little hand when you mouse over them, but out of the three buttons in the lower cart - 'empty basket' 'update basket' and 'checkout' only the 'empty basket' shows a little hand when mousing over. The search shows only an arrow where the 'view basket' shows a hand .. what controls these? Quote Link to comment Share on other sites More sharing options...
Guest Viola Posted September 10, 2012 Share Posted September 10, 2012 http://w3schools.com/cssref/pr_class_cursor.asp You might also want to look at Firebug (Firefox plugin). Quote Link to comment Share on other sites More sharing options...
irori Posted September 10, 2012 Author Share Posted September 10, 2012 Yes I use Firebug but it is saying line 131 for this 'basket summary p view basket' but changes I make there are making no difference...? Quote Link to comment Share on other sites More sharing options...
Guest Viola Posted September 10, 2012 Share Posted September 10, 2012 Ok, so on line 131 you have #basket_summary p.view_basket a{ color:#ffffff; } and on line 145 you have .button_default:hover{ color:#0e51a4; } In this case the white colour will always override the blue colour because "#basket_summary p.view_basket a" is more specific than ".button_default:hover". Couple of things you can do with the style on line 145 to get around this. Either .button_default:hover{ color:#0e51a4 !important; } or .button_default:hover, #basket_summary p.view_basket a:hover{ color:#0e51a4; } Quote Link to comment Share on other sites More sharing options...
irori Posted September 18, 2012 Author Share Posted September 18, 2012 Ok, so on line 131 you have #basket_summary p.view_basket a{ color:#ffffff; } and on line 145 you have .button_default:hover{ color:#0e51a4; } In this case the white colour will always override the blue colour because "#basket_summary p.view_basket a" is more specific than ".button_default:hover". Couple of things you can do with the style on line 145 to get around this. Either .button_default:hover{ color:#0e51a4 !important; } or .button_default:hover, #basket_summary p.view_basket a:hover{ color:#0e51a4; } I chose the first option, it worked a treat! Thankyou :) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.