BlueOwlCreative » Topic: Icon Color

Icon Color

aircraftdigital — Mon, 14 Apr 2014 02:48:06 +0000

Hey, great theme I have a couple of questions, how can I change the color on the icons? Thanks

Reply To: Icon Color

BlueOwl — Mon, 14 Apr 2014 08:59:49 +0000

Hi there,

Which ones in particular, you can pass params for your icon’s color attribute.

http://blueowlcreative.com/wp/savia/icons/

Check your documentation for more! Anything specific you are trying to achieve?
Thanks for your feedback, glad to hear you like the theme.

Reply To: Icon Color

saute_creative — Wed, 04 Jun 2014 00:58:49 +0000

Hi.
I’m trying to change the color on iconed featured text type2. What would the parameter look like?

Something like this?

[feat_text title="Gain Clarity" icon="eye" type="2" href="" icon_color=""]with a clear vision and direction for the future. We’ll illuminate the big picture and outline the steps to achieve your goals and aspirations.[/feat_text]

Reply To: Icon Color

saute_creative — Wed, 04 Jun 2014 01:02:38 +0000

PS I managed to change “blue” to the one I want through stylesheets.css which worked lovely for the little icons
But I can’t find this big icon color anywhere. Is it an overlay?

Reply To: Icon Color

BlueOwl — Wed, 04 Jun 2014 07:55:57 +0000

Hi,

As of the latest version (that will be out as soon as implementation of the Visual Composer is done) this issue is fixed. Here’s what to do till then in order to have the Featured Icon inherit your Main Theme color. Edit your functions.php and find this line:

.iconed_featured_text .icon.accent_color i{ color: '.$aqua_main_color.';}

Replace it with this:

.iconed_featured_text .icon_feat.accent_color i { color: '.$aqua_main_color.';}
.iconed_featured_text .icon_feat.icon_solid.accent_color { background-color: '.$aqua_main_color.'; }

.section_featured_texts.type1 .icon_holder .icon_bgr { background-color: '.$aqua_main_color.'; }
.section_featured_texts.type1:hover .icon_holder .icon_bgr { border: 4px solid '.$aqua_main_color.'; }
.section_featured_texts.type1:hover .icon_holder .icon_bgr:after { border: 4px solid '.$aqua_main_color.'; }
.section_featured_texts.type1:hover .icon_holder i { color: '.$aqua_main_color.';}

.section_featured_texts.type2 .icon_holder .icon_bgr { background-color: '.$aqua_main_color.'; }
.section_featured_texts.type2:hover .icon_holder i { color: '.$aqua_main_color.';}

.section_featured_texts.type3:hover .icon_holder .icon_bgr { background-color: '.$aqua_main_color.'; }
.section_featured_texts.type3 .icon_holder .icon_bgr:after { border: 4px solid '.$aqua_main_color.'; }
.section_featured_texts.type3:hover .icon_holder .icon_bgr:after { border: 4px solid '.$aqua_main_color.'; }
.section_featured_texts.type3 .icon_holder i { color: '.$aqua_main_color.';}

.section_featured_texts.type4:hover .icon_holder  .icon_bgr { border: 4px solid '.$aqua_main_color.'; }
.section_featured_texts.type4:hover .icon_holder .icon_bgr:after { border: 4px solid '.$aqua_main_color.'; }
.section_featured_texts.type4 .icon_holder i{ color: '.$aqua_main_color.'; }
.section_featured_texts.type4:hover .icon_holder i { color:  '.$aqua_main_color.'; }

Let me know if that does what you are after!

Reply To: Icon Color

saute_creative — Sun, 08 Jun 2014 02:15:31 +0000

FANTASTIC!!
Worked like a dream. Thanks!