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

Featured images not showing in archives

Discussion in 'Basic Support Forum' started by Lang Elliott, Jul 1, 2019.

  1. Lang Elliott

    Lang Elliott New Member

    I'm working on a page design: http://clone2-musicofnature.mystagingwebsite.com/category/lang-chats/

    It's looking pretty good, but:

    1) As you can see, it's not displaying the featured images for the posts; is there a setting somewhere for this?
    2) I want to eliminate the category lists for each post, which cover the titles.
    3) I would like CSS for rounding the corners of the post boxes

    Thanks in advance.
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    1. You need to enable it in WP Admin > Divi > Theme Options > Layout > General Settings > Show Thumbs on Index pages
    2. The category list is wrongly cover the titles due to the missing of featured image. Once you enable the featured image, it will look great.
    3. Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  3. Lang Elliott

    Lang Elliott New Member

     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  4. Lang Elliott

    Lang Elliott New Member

    Thank you very much! The images are now in place, but there are still problems with the image display (white spaces above and to the right):

    http://clone2-musicofnature.mystagingwebsite.com/category/insects/

    ALSO ... I definitely want to get rid of the categories displaying over the photos. This is because most of my posts are assigned to multiple categories, which creates a mess when they are shown over the images. So there must be some CSS that will hide them. Right?
     
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Seems like you have other CSS overriding the styles. To fix it, kindly add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Sure, you can do that as well. Try below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  6. Lang Elliott

    Lang Elliott New Member

     
  7. Lang Elliott

    Lang Elliott New Member

    #7 Lang Elliott, Jul 2, 2019
    Last edited: Jul 2, 2019
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  8. Lang Elliott

    Lang Elliott New Member

  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to upload the image again & see if it works.
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Your padding is off due to your extra empty p tag. Try the below CSS in Divi > Theme Options > Custom CSS to fix it:
    Code:
    Log In or Sign Up to view this code.
    As for the top spacing, you can reduce it with the below CSS:
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  11. Lang Elliott

    Lang Elliott New Member

     
  12. Lang Elliott

    Lang Elliott New Member

    Totally wonderful ... thanks so much!

    And now another request ... In the metadata area, I only want the date shown, as in the "desired" design I sent you (remove author and number of comments). Can that be done with CSS? Or does it require php?

    After that is tweaked, I assume I will then be able style the metadata text using the customizer.

    p.s. One other option, perhaps more feasible, is to simply remove all the metadata. I'm actually not sure is any of that information is highly relevant because my content is "evergreen" and it doesn't really matter if people see that information in the archives.
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  13. Lang Elliott

    Lang Elliott New Member

    Is this the correct CSS for reducing space above the post block, but only for archive pages? Or is there a better way to do it?:

    /**divi.help archive - reduce space directly above posts area**/

    .archive #main-content .container {
    padding-top: 24px;
    }

    You can see it in action here:

    https://clone2-musicofnature.mystagingwebsite.com/category/podcasts/

    The code reduces the space between my search field and the post area below it.
     
  14. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You change it in WP Admin > Divi > Theme Options > Layout > General Settings > Post info section
    We don't have any styling for the meta. You will need to use the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    As to reduce the spacing between the title & meta as per your screenshot, use the below CSS:
    Code:
    Log In or Sign Up to view this code.
    If you wish to straight hide it all, just use the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    **If you use the WP Admin > Divi > Theme Options > Layout > General Settings > Post info section to disable all the meta, it will leave some empty spacing there. And if you use the above CSS, the empty spacing will be removed as well.
    You can use this CSS to apply for our archive plugin only:
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More