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

Solved Divi/Woocommerce price Issue

Discussion in 'Get Help On Divi Wordpress' started by AndrewWib, Jun 11, 2019.

  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. AndrewWib

    AndrewWib New Member

  7. Divi.Help

    Divi.Help Administrator
    Staff Member

  8. 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.
     
  9. 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;
    }
     
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

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

    AndrewWib New Member

  12. Divi.Help

    Divi.Help Administrator
    Staff Member

  13. AndrewWib

    AndrewWib New Member

  14. Divi.Help

    Divi.Help Administrator
    Staff Member

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

    AndrewWib New Member

    I tried that and its not displaying any differently.
     
  16. Divi.Help

    Divi.Help Administrator
    Staff Member

    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.
    [​IMG]
     
  17. AndrewWib

    AndrewWib New Member

    How would you go about "making it square sized"?
     
  18. Divi.Help

    Divi.Help Administrator
    Staff Member

    Just use image editing software to make it like below:
    upload_2019-6-20_23-27-27.png
     
  19. AndrewWib

    AndrewWib New Member

    Thanks, that did the trick!
     
  20. AndrewWib

    AndrewWib New Member

    So I've got a new question. I'm trying to get the full picture to be displayed on the homepage where it says building fun since 1961. As you can see its cut off badly so let me know if you can help with this. Thanks!