1. HOT Divi Ultimate Header Plugin - Design Divi custom header globally in Divi Builder: https://header.diviultimate.com/
    Dismiss Notice

Divi/Woocommerce price Issue

Discussion in 'Get Help On Divi Wordpress' started by AndrewWib, Jun 11, 2019 at 8:35 AM.

  1. AndrewWib

    AndrewWib New Member

    So I'm having a very odd issue at the moment with a website that I'm working on. To sum it up the simple products aren't displaying the price on the actual product page for example: https://www.stlouiscommercialplaygr...ring-toys/after-while-crocodile-fun-bounce-2/ as you can see the price isn't displaying which is a pretty major issue. Now if you take a look here: https://www.stlouiscommercialplaygrounds.com/products/spring-toys/911-rescue-truck/ you can see that prices for variable items are showing up correctly. I'm unsure of how to resolve this so any help would be great!
     
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .entry-summary p.price span {
        display: inline-block!important;
    }
     
  3. AndrewWib

    AndrewWib New Member

  4. AndrewWib

    AndrewWib New Member

  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    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;
    }
     
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

  7. AndrewWib

    AndrewWib New Member

    My bad for not explaining it well. The prices site wide should be black but if theres a sale price the sale price should be red.
     
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    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;
    }