Change Icon-color before and hover of icon-box

edited October 2015 in BeBuilder
Hi,
although I picked seagreen skin and are very happy, I would like all the icon-boxes to have a different color.
I inserted in CSS

.icon_box .icon_wrapper i { color: #D73865; }  /* change icon-box icon-color to pink */
.icon_box:hover .icon_wrapper i { color: #ffffff; background-color:#D73865; }

that brought me half way:
-  Icon is now pink on white background :-).
-  On hover, Icon turns white on a pink - SQUARE,.... leaving the space outside the Square but inside the icon-circle in the original seagreen-skin color. How could I complete the transformation to achieve a <mycolor> - white combination instead of <skin-color> - white?
Best Regards, K.

Comments

Sign In or Register to comment.