ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• September 8, 2014 at 3:22 pm #108124
  S

  Member

  Post count: 10

  Hi, no matter what I do, I can’t seem to style the icons. In particular, I am trying to change their color. I’ve tried in-line styles, text editor, child theme style.css, parent theme style.css… Out of ideas. Help much appreciated.

  Thanks!

  September 8, 2014 at 3:29 pm #108128
  S

  Member

  Post count: 10

  According to Chrome’s DevTools, the following class is what changes the color (or should but doesn’t) .sf-icon.icon-large:before { color: #71110e !important; }

  September 9, 2014 at 7:56 am #108359
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .sf-icon {
      color: #ff0000 !important;
  }

  Thanks 🙂
  With Best Regards
  Mohammad

  September 9, 2014 at 1:45 pm #108640
  S

  Member

  Post count: 10

  That was the first thing I tried. It has no effect. In fact, since a recent them update (when you added more child theme options), my child theme formatting doesn’t always work. It seems to get overridden by the parent CSS even though Child theme is the selected theme.

  September 9, 2014 at 1:46 pm #108642
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please try to use code at Admin -> Theme Options -> Custom CSS.
  Thanks

  September 9, 2014 at 2:02 pm #108653
  S

  Member

  Post count: 10

  I just tried it there. No change. It’s almost like that code is being ignored. What could be the problem?

  September 9, 2014 at 2:06 pm #108657
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please insert this code at style css of child theme or parent theme.
  Thanks

  September 9, 2014 at 3:07 pm #108707
  S

  Member

  Post count: 10

  I did, but it’s still not working. The property is being ignored. But I did find that the color (black) is hard coded into sf-custom-styles.php in the $icon_color property. How do I over come this without editing the php file??

  I think in cases where there’s formatting in php files, css gets ignored.

  September 9, 2014 at 10:26 pm #108864
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Don’t you have any cache plugin in your installation? this can be the cause.
  If you have please purge the cache and also empty the browser cache.

  -Rui

• Back to forum

  Posted in: Flexform