1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved Hiding image modules with no image

Discussion in 'Get Help On Divi Wordpress' started by Johnny Hansen, May 23, 2020 at 11:25 AM.

  1. Johnny Hansen

    Johnny Hansen New Member

    1. AD Use modules from the Extra theme with the Divi Builder: https://divi.help/link-forums/divi-extra.163/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_wc_images .woocommerce-product-gallery--without-images {
        display: none!important;
    }
    This should hide the Woocommerce image module when there's no images.
     
  3. Johnny Hansen

    Johnny Hansen New Member

    Thanks. implemented this but does not seem to change anything?
     
    1. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/
  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}
     
  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?)
     
    1. AD Add tons of new icons for your Divi site. Free version available: https://divi.help/link-forums/divi-icons-pro.147/
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_blog_grid .et_pb_post .entry-featured-image-url img {
        border-top: none!important;
    }
    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
     
  7. Johnny Hansen

    Johnny Hansen New Member

    1. AD Easily add Mega Menu for your Divi site: https://divi.help/link-forums/divi-mega-pro.149/

Recommended Divi Hosting