Woocommerce Alerts showing double icons

davidbawiec · July 2017

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 · July 2017

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

davidbawiec · August 2017

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 · August 2017

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

Woocommerce Alerts showing double icons

Comments