[Resolved] Thumbnail borders won't stick

Home Forums Support Thumbnail borders won't stick

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #147184
    Dave

    I’m using thumbnails on a category archive page. Thumbs are set to 200 x 150 in GP Premium. I have a css border on the thumbnails that works fine when viewed on anything greater than 768. When view is 768 or less, the border width assumes the width of the container, rather than sticking to the thumbnail.

    The css I’m using is:

    .post-image-below-header.post-image-aligned-left .post-image {
    border: 7px solid lightblue;
    margin-bottom: .5em;
    margin-top: -0.5em;
    }

    Is there a way to:
    A. Force the border to stick to the image, or
    B. Make the thumbnail responsive, or
    C. ???

    (It’s on a local machine. I can provide screenshots if needed.)

    #147208
    Tom
    Lead Developer
    Lead Developer

    Try this instead:

    .post-image-below-header.post-image-aligned-left .post-image {
        margin-bottom: .5em;
        margin-top: -0.5em;
    }
    
    .post-image-below-header.post-image-aligned-left .post-image img {
        border: 7px solid lightblue;
    }
    #147214
    Dave

    Thanks Tom!
    That did the trick!
    Now, have you got any tricks to make css rules stick to my memory? 8^)

    #147216
    Tom
    Lead Developer
    Lead Developer

    Haha I’m afraid not! They just start to stick with repetition 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.