Animated Icon Box Text Color Change

[loganwilliamson]

On an animated icon box, I have the color set for what I’d like, except the text when the box flips is too dark and I’m having trouble hunting down which color customization.

For instance, on the theme template: http://themeforest.net/item/dante-responsive-multipurpose-wordpress-theme/full_screen_preview/6175269

when you flip the Strategy icon box over, I’d like to change the Lorem Ipsum text color.

Thanks!

[Mohammad – SUPPORT]

Hi,
Please put this code at Admin -> Theme Options -> Custom CSS => Here put this code and update options .

.sf-icon-box-content p{color:#ccc}/*you can change color code */

Thanks 🙂
With Best Regards
Swift Ideas

[joerg]

Hi Mohammad,

the code changes the color of the content only, but not the color of the heading. How do I change the heading color in an icon box?

Regards

[Kyle – SUPPORT]

Hi

Remove the p, so

.sf-icon-box-content {color:#ccc}/*you can change color code */

– Kyle

[joerg]

Hi Kyle,

I already tried that, but it doesn’t seem to change anything. I also tried to exchange the p against h3, but same result.

Regards

[Kyle – SUPPORT]

Please send me your link so I can provide the accurate css?

– Kyle

[joerg]

The site is not online yet. I am developing offline and would prefer not to publish it at the moment. But the issue is not related to my site. I just added the CSS code you provided in a freshly installed demo of dante and got the same result – the paragraph text content changes its color, but not the headline.

[Kyle – SUPPORT]

Try this:

.sf-icon-box-animated .back h3 {
  color: #999999!important;
}

– Kyle

[joerg]

Nope, that one doesn’t work either, neither on my site nor in the dante demo.

[Kyle – SUPPORT]

Works for me on the animated icon box, tested multiple times

– Kyle

[Kyle – SUPPORT]

This will change both:

.sf-icon-box-animated .back, .sf-icon-box-animated .back h3 {
  color: #999999 !important;
}

– Kyle

[joerg]

I tried again and now it works. Must have done something wrong last time, sorry.

Thanks a lot for your help, and have a nice weekend!

[Kyle – SUPPORT]

No problem, you too! 🙂

– Kyle