Please do not apply global styles to Font Awesome icons

  • The CSS enqueued by this plugin (at https://cdn-stamped-io.azureedge.net/files/widget.min.css) contains CSS which applies to ALL Font Awesome icons—even if they’re not associated with Stamped.io. Can you please remove the offending selectors or make them more specific so that they don’t interfere with other FA icons ([class*=" fa-"]:before and [class^=fa-]:before)? There’s really no need for such a broad CSS rule.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter silb3r

    (@silb3r)

    The best solution is to remove the stylesheet completely by adding this to your functions.php:

    function remove_stampedio_widget_css() {
  wp_dequeue_script('woo-stamped-io-public-custom');
}
add_action('wp_enqueue_scripts', 'remove_stampedio_widget_css', 100);

    Or you can add this repetitive CSS to your stylesheet and hope that your stylesheet is enqueued after Stamped.io’s CSS:

    [class*=" fa-"]:before,
[class^=fa-]:before {
  font-family: FontAwesome !important;
  margin-right: 0 !important;
  width: auto !important;
  text-align: unset;
}

    Adjust that CSS as needed.

    Neither of these solutions are ideal, so if Stamped.io could stop overriding the default Font Awesome styles that would be much appreciated.

    • This reply was modified 5 years, 10 months ago by silb3r.
    • This reply was modified 5 years, 10 months ago by silb3r.
    • This reply was modified 5 years, 10 months ago by silb3r.

    Thank you, unfortunately, neither of the two solutions worked completely. On the start page, all icons are visible again, on the product page it is as usual: Instead of some icons, only squares are visible and the Stamped.io review function is no longer available.

    I’ll probably have to look for another review plugin. Too bad, because I think Stamped.io works very smoothly and has the most beautiful design.

    Thanks again for the support!

    This was my fault. I enabled the JS Compiler.
    The CSS works fine – thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Please do not apply global styles to Font Awesome icons’ is closed to new replies.