Icon Box Color

[tsimarketing]

I’d like to make a few of the icon boxes under the Specialty Specific section a different color (http://tsihealthcare.com/maintesting/electronic-health-records/). The cards will take the custom color when flipped over, however I would like the front facing icon to be the same green (see pulmonary medicine, ophthalmology, and rheumatology cards). Can you assist me with this?

[Mohammad – SUPPORT]

Hi,
Please give a extra unique class to each icon first and use this code to each box separately like .

/* For Allergy*/
.allergy .sf-icon-box-animated .back{
background:#ff0000 !important;
}
/* For Cardiology*/
.cardiology .sf-icon-box-animated .back{
background:#ff0000 !important;
}

Choose different color code to each iconbox. Hope you can do it and i am here to helpout.

Thanks
Mohammad

[tsimarketing]

To clarify, the above code goes into the custom css section and then an additional code goes into the extra class section of the icon box? I attempted to enter

/* For Allergy*/
.allergy .sf-icon-box-animated .back{
background:#ff0000 !important;
}
in the custom css section and then I put ophthalmology in the extra class section. This did not produce any results.

[Mohammad – SUPPORT]

Hi,
Please provide me wordpress admin login detail so i can check and resolve the issue.
Thanks
Mohammad

[tsimarketing]

You said we need to come up with a unique extra class, where exactly in the code do I add the extra class? I tried playing around with it myself but the icon on the front of the three boxes are still blue and we want them green like the back of those three cards.

[Mohammad – SUPPORT]

Hi,
Please use custom css code like :-

.allergy .sf-icon-box-animated .front i{
color:#95C93D !important;
}

Thanks
Mohammad

[tsimarketing]

Okay and which part of that code is the extra class name that I would need to put in the extra class section of the icon box? Is it the word allergy?

[Mohammad – SUPPORT]

Hi,
Yes the word allergy is extra class .
Thanks
Mohammad

[tsimarketing]

Is it possible to add a hyperlink to the icon box that will open up a video? If not, can we add a button to the bottom of the box that will allow a video to pop up?

Can we switch out the icon for an image? We were hoping to use the animation ‘flip cards’ for testimonies. We would like to feature a client photo on the front, then when a visitor scrolls over it the other side lists out the testimony. We have video of various client testimonies that we would like to either hyperlink to the box or add a button that will open the video. Is any of this possible?

[David Martin – Support]

Please avoid duplicating posting. You have already asked this: http://www.swiftideas.com/forums/topic/icon-box-9/

Closing thread.