Featured images not showing on Homepage

  • Hi there,

    Note: I am using the free edition of the Levii theme, and have posted this issue in the support form there – however that seems to be a dead forum with no replies to any of the issues posted over the past few years, so I’m posting here in the hope that someone can help (it may not even be a theme issue).

    Up until a day ago featured images from posts were showing up on my HOMEPAGE post previews – or at least on the standard WP post that appears with every WP site (The one called “My First WordPress Post’ or whatever). However, when I published my own posts the featured image(s) don’t show up on the HOMEPAGE post previews.

    EDIT TO ADD: The featured images show up fine in the posts themselves, just not on the Homepage.

    I’ve tried disabling all plugins (list below), but it doesn’t resolve the issue. Following advice elsewhere I’ve tried posting this in the Stylesheet CSS – but it didn’t make any difference either.

    .panel-image {
    background-attachment: inherit !important;
    }

    A website without featured images is useless to my client of course. Please help, thanks!

    Plugin List

    Akismet Anti-Spam
    Contact Form 7
    Cookie Consent
    Custom Sidebars
    GTmetrix for WordPress
    Limit Login Attempts
    Very Simple Event List
    Wordfence Security

    • This topic was modified 6 years, 4 months ago by nivek1916.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter nivek1916

    (@nivek1916)

    So I restored the original “Your First WordPress” post (I changed the title, content and url) and the featured image is showing up for that (and ONLY that) post on the homepage.

    Delving into the CSS, I find that messing around with the code in the Stylesheet css (the relevant code is pasted below), any changes I make to the ‘content side’ of the entries is reflected on the homepage (on ALL entries), but any changes made to the ‘image side’ only affect the original post.

    It’s almost as if it’s not reading the new blog posts as posts at all, or is not pulling the featured images from them, instead leaving a blank on the left where the image should be.

    This is driving me mental! Any help gratefully accepted!

    Here is what seems to be the relevant code:

    ==

    /* —————- Blog Elements —————- */

    .blog-post-side-layout .post-loop-images {
    width: 25%;
    float: left;
    }

    .blog-post-side-layout .post-loop-content {
    width: 75%;
    padding: 20px 24px;
    float: right;
    }

    .blog-post-side-layout.post-no-img .post-loop-content {
    width: 100%;
    float: none;
    }
    .blog-post-side-layout.post-no-img .post-loop-images {
    display: none;
    }

    .post-loop-images-carousel-wrapper {
    position: relative;
    }
    .post-loop-images-carousel-wrapper-remove {
    background-image: url(images/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    }
    .post-loop-images-prev,
    .post-loop-images-next {
    background-color: rgba(0, 0, 0, 0.3);
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    cursor: pointer;
    height: 35px;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    margin: -16px 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 32px;
    z-index: 9;
    }
    .post-loop-images-prev {
    left: 10px;
    }
    .post-loop-images-next {
    right: 10px;
    }
    .blog-post-side-layout .post-loop-images-carousel {
    height: 300px;
    }
    .post-loop-images-carousel-remove {
    height: 300px !important;
    visibility: hidden !important;
    overflow: hidden;
    }
    .post-loop-images-carousel img {
    float: left;
    width: 100%;
    }

    ==

Viewing 1 replies (of 1 total)
  • The topic ‘Featured images not showing on Homepage’ is closed to new replies.