Swap style 7 button colours through template

Hello, is there a way to swap the existing 2 colours over so that the blue colour that is currently on hover is the default colour?

I've looked in the style7.css file and there are hundreds of entries

I can pm you the URL if you would like as it's on a pre-prod site.

Thanks

Sorry, but nobody will do that for you - you would need to do it either with firebug manually, or you could use some advanced css editor to find and replace all color definitions through each file.

OK, I wasn't asking for someone to do it, just tell me where the default colour is assigned (I can see where the hover over colour entries are and can batch replace them in one go).

Thanks.

You can use firebug/devtools for that.
But if you need one particular element, please mark it on a screenshot.

So a good example would be to display the social icons in red by default and make them grey on hover. (They are currently grey and go red on hover on your demo page).

icons-swap-colour.png

If you can show me how to do it for these icons then I can replicate this for the site.

Thank you.

Code: Select all

.gk-social-icons li a:hover:before {
   color: #e81f00;
}


defines the hover color,

Code: Select all

.gk-social-icons .icon-gplus:before,
.gk-social-icons .icon-twitter:before,
.gk-social-icons .icon-fb:before,
.gk-social-icons .icon-pinterest:before,
.gk-social-icons .icon-youtube:before,
.gk-social-icons .icon-rss:before {
   color: #969696;
}


defines not hovered state.