elementor + Ocean WP, Badge doesnt work

HI! as the topic, The default woocommerce sale badges are gone but no new badges are showing ??
Please help! Thank you very much ^_^

FYI here are the css I added besides the defaults:

.woocommerce-demo-store .demo_store {
background-color: #070007;
font-size: 15px;

}

.woocommerce ul.products li.product .button {
background-color: #9B7E2E;
color: #fff;
text-transform: uppercase;
padding: 8px 10px;
border:0px;
}
.woocommerce ul.products li.product .button:hover {
background-color: #89590B;
color: #fff!important;
}

/*** BREADCRUMBS ***/
.woocommerce .woocommerce-breadcrumb {
font-size: 16px;
font-weight: bold;
color: #222;
}
/*** BREADCRUMB LINKS ***/
.woocommerce .woocommerce-breadcrumb a {
color: #00707a;
}

woocommerce class is purposely left off so other dropdowns can match but you can add it if you prefer */
.woocommerce div.product form.cart .variations td select {
background: #00707a;
color: #fff !important;
font-weight: bold;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
/*** SINGLE GRID ITEM STYLING ***/
.woocommerce ul.products li.product {

background: #f5f5f5; /* changes background color */

transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.woocommerce ul.products li.product:hover {
background: #fff; /* changes background color on hover */
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); /* adds shadow on hover */
-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

background: #FFA500 !important;
z-index: 9;

}

• This topic was modified 3 years, 11 months ago by jptailfashion.

The page I need help with: [log in to see the link]