Woocommerce Alerts showing double icons

davidbawiec

I'm using Woocommerce 3.1.1 & BeTheme 20.4 and all Woocommerce alerts are showing double icons. I believe the theme's CSS is somehow not overriding the woocommerce CSS, so both generate icons.
 

Bryan

Hi,
Please try to disable all plugins, maybe some thir party plugin is causing the problem. Did you include any custom icons into the theme?
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

davidbawiec

I just checked the CSS, looks like it's part of Woocommerce standard CSS in /plugins/woocommerce/assets/css/woocommerce.css

The additional icons are being created by the following tags:
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before

The issue persists in Woocommerce 3.1.2 and BeTheme 20.4.4.

Adding the following code to the theme CSS fixes it for me:

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    content: '';
}

Bryan

If the css helped then it is fine. We do not have any other sollution for now.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next