How to change colour of icons in the info centre?

[fretboards]

Hey guys i've been updating the theme on my forum but I cant for the life in me find the settings to change the background and hover colour on the icons in the info center at the bottom of the page.

fret.boards.net


If anyone could help it would be greatly appreciated.

Thanks
Tony

[fretboards]

Anyone?

[David Clark]

Hey fretboards,

Looks like that effect is achieved through straight CSS, so there won't be an easily-changable setting for it. It begins on line 159 on your style sheet, found in Admin > Themes > Advanced Styles & CSS > Style Sheet tab.

Nevertheless though, here's the code that produces the effect.

/* This stuff makes it so the icons change when you mouse over them */

.icon img, .container.legend img, .stats .icon img:hover {
max-height: 22px;
padding: 5px;
display: inline-block;
background-color: Link_color;
border-radius: 50px;
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
transition: all 0.5s ease;
filter: none;
-webkit-filter: grayscale(0%); }

/* This stuff makes the icon gray when you're not moused over */

.icon img:hover, .container.legend img:hover, .stats .icon img {
filter: gray;
-webkit-filter: grayscale(100%);}