1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Hiding image modules with no image

Discussion in 'Free Divi Community Forum' started by Johnny Hansen, May 23, 2020.

  1. Johnny Hansen

    Johnny Hansen New Member

    #1 Johnny Hansen, May 23, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    This should hide the Woocommerce image module when there's no images.
     
    #2 Divi.Help, May 24, 2020
  3. Johnny Hansen

    Johnny Hansen New Member

    Thanks. implemented this but does not seem to change anything?
     
    #3 Johnny Hansen, May 24, 2020
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Based on what I see, there's some missing bracket in your custom CSS:

    @media only screen and (max-width:980px){.hold-kol-sammen-mobil .et_pb_column{width:33%!important;.et_pb_wc_images .woocommerce-product-gallery--without-images{display:none!important}

    There's 2 missing closing bracket (see bold below):

    @media only screen and (max-width:980px){.hold-kol-sammen-mobil .et_pb_column{width:33%!important;}}.et_pb_wc_images .woocommerce-product-gallery--without-images{display:none!important}
     
    #4 Divi.Help, May 24, 2020
  5. Johnny Hansen

    Johnny Hansen New Member

    Thanks a lot, that was exactly the problem. It works now.

    I have another peculiar thing that you maybe can helt with (I don't know if I need to make a different thread)
    In the grid view on search results the images fill the box as they should, but in the grid view on the category pages (blog-dynamic content) there is a white border above the images? How do I get rid of that?
    Compare e.g. https://bogigen.dk/da_dk/?s=yancey&post_type=product&type_aws=true with https://bogigen.dk/da_dk/emner/danske-boeger/kristne-boeger/liv-og-tro/kristenlivet/ (and by the way why do some images show the full picture and some are cropped?)
     
    #5 Johnny Hansen, May 25, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Not sure about that. But to prevent the blog module image to be cropped, check this out: https://intercom.help/elegantthemes/en/articles/2208372-blog-featured-images-are-being-cropped
     
    #6 Divi.Help, May 25, 2020
  7. Johnny Hansen

    Johnny Hansen New Member

    #7 Johnny Hansen, May 26, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  8. Johnny Hansen

    Johnny Hansen New Member

    Hi again. Would it be possible to do something similar to hide the price if the product is not in stock?
     
    #8 Johnny Hansen, May 27, 2020
  9. Johnny Hansen

    Johnny Hansen New Member

    Hi again, I now added a border to the images, but now that is showing up even though the image is not there. Is there a way to avoid that?
     
    #9 Johnny Hansen, May 27, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    Instead of adding it in the module settings, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #10 Divi.Help, May 28, 2020
  11. Johnny Hansen

    Johnny Hansen New Member

    That did the trick, thank you so much.
    Did you see my question also if it would it be possible to do something similar to hide the price if the product is not in stock?
     
    #11 Johnny Hansen, May 28, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  12. Divi.Help

    Divi.Help Administrator
    Staff Member

    Any sample page for that?
     
    #12 Divi.Help, May 29, 2020
  13. Johnny Hansen

    Johnny Hansen New Member

    #13 Johnny Hansen, May 29, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  14. Divi.Help

    Divi.Help Administrator
    Staff Member

    #14 Divi.Help, May 29, 2020
  15. Johnny Hansen

    Johnny Hansen New Member

    Sorry to get back on this, but it does not seem to work on mobile devices?
     
    #15 Johnny Hansen, Jun 8, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  16. Divi.Help

    Divi.Help Administrator
    Staff Member

    I don't see it in mobile:

    upload_2020-6-8_21-8-22.png
     
    #16 Divi.Help, Jun 8, 2020
  17. Johnny Hansen

    Johnny Hansen New Member

    Sorry, it must have been a cache problem then...
     
    #17 Johnny Hansen, Jun 8, 2020
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
(You must log in or sign up to post here.)