|
: color ionicons : Gutshot December 29, 2015, 02:32:18 PM Hi, when you want to another color icon, just add something like in the css file :
.custom-icon-blue { font-size: 64px; color : blue; } and add : <i class="icon ion-home custom-icon-blue"> Will that work ? : Re: color ionicons : Gutshot December 29, 2015, 02:42:23 PM Never mind, added it to custom css and it works, also with hex-code as color ;D
: Re: color ionicons : mikek December 30, 2015, 08:07:41 AM Hello,
Yes, I was going to say, probably use a hex color instead. Not all browsers use the same "blue" color. : Re: color ionicons : Gutshot February 04, 2016, 03:17:34 AM Hi, how to add a class when I want to make the hover color #8ac34e ?
So the hover color must turn green. (hex above) Normal: <div class="icon_outer_wrap"> <div class="icon_hover"> <a href="" class="ion-link icon_element">[/url] </div> <div class="icon_non_hover"> <span class="ion-headphone icon_element"></span> </div> </div> Thanks in advance : Re: color ionicons : mikek February 04, 2016, 08:29:56 AM Hello,
You would just add :hover to it: .custom-icon-blue:hover { color:#8ac34e; } The :hover call goes on whatever element you want to trigger the color change. : Re: color ionicons : Gutshot February 04, 2016, 09:34:33 AM ok, thx
|