Solved Divi/Woocommerce price Issue

Try to add the below CSS in Divi > Theme Options > Custom CSS:

Code:

.entry-summary p.price span {
    display: inline-block!important;
}

 

Try the below CSS:

Code:

.entry-summary p.price del {
    color: red!important;
}

Try the below CSS:

Code:

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    font-weight: 500!important;
}

 

Seems like your variable products already have all the prices in red.

 

Try this CSS in Divi > Theme Options > Custom CSS:

Code:

.woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce div.product span.price, .woocommerce-page div.product span.price {
    color: #151515!important;
}
.woocommerce div.product p.price ins, .woocommerce-page div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce-page div.product span.price ins {
    color: #ff0000!important;
}

 

Looks the same to me. Kindly share screenshot on what you meant.

 

Seems like you have some custom CSS that hide the price. Try to add the below CSS in Divi > Theme Options > Custom CSS:

Code:

#page-container .product_cat-play-systems .woocommerce-Price-amount {
    display: inline!important;
}

 

Not quite sure about that. Perhaps try to re-upload image with square size for that.

 

From what I see, your photo is still a rectangle size. See below:
**Try to make it square size with white spaces on both sides.

 

Just use image editing software to make it like below: