Forum Replies Created

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)