Yes and then to apply that css you need to add the wrapping div, for e.g. the first one is:
<div class="icon-box-colour-one">
[sf_iconbox image="ss-stopwatch" character="" type="animated" title="Quick & Easy" animation="none" animation_delay="200"]Getting started is easy. Install our demo content and you'll be on your way in no time at all.
[/sf_iconbox]
</div>
The second one will be:
<div class="icon-box-colour-two">
[sf_iconbox image="ss-stopwatch" character="" type="animated" title="Quick & Easy" animation="none" animation_delay="200"]Getting started is easy. Install our demo content and you'll be on your way in no time at all.
[/sf_iconbox]
</div>
with the css:
/* Front icon colour */
.icon-box-colour-two.sf-icon {
color: #a6ce39!important;
}
/* Front text colour */
.icon-box-colour-two.sf-icon-box-animated .front h3 {
color: #a6ce39!important;
}
/* Flipside background colour */
.icon-box-colour-two.sf-icon-box-animated .back {
background: #a6ce39!important;
}
/* Flipside text colour */
.sf-icon-box-animated .back, .sf-icon-box-animated .back h3 {
color: #000!important;
}
– Kyle
.