I’m trying to change the icon colors on this page: http://hothouseyogi.com/special-confirmation

Here’s an example of the shortcode as I have it:

[feat_text title="Hilltop" icon="location" icon_solid="yes" icon_color="orange" href="https://www.google.com/maps/place/Hot+House+Yoga/@36.8487087,-76.0373994,18z/data=!3m1!4b1!4m2!3m1!1s0x89baea55ccc73751:0xc7fef7087ceb578c" type="2"]1952 Laskin Rd
Virginia Beach, VA 23454
(757) 428-0099[/feat_text]

I’ve tried a number of variations for the icon_color setting, but the icons remain blue. Am I doing something wrong?

Thanks!

Here’s what your documentation says:

This shortcode generates a big size icon with some featured text below it.

[feat_text title="Featured Title" icon="eg. screen, cog, profile, flag, bulb etc." href="" type="1"]Featured Text[/feat_text]

Attributes:

title – Set a title for your Featured Text.
icon – Pick an icon from the Icon Sets and pass it to this attribute (eg. “heart”).
href – Pass a URL parameter to this attribute if you want it to link somehwere.
type – Type of icon style, available styles: 1,2,3,4.

Basically this shortcode doesn’t have a param for the color, luckily you can change this with simple CSS!

Go to Text editor (not Visual) and add this (just giving you an example with green):

<style>
.section_featured_texts.type2 .icon_holder .icon_bgr {
    background-color: green;
}
.section_featured_texts.type2:hover .icon_holder i {
    color: green;
}
</style>

You can further change the rest of the icons using the nth-child pseudo class CSS.