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 Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  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 team 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 Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  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 Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  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 Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  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 Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  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.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  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 Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo