Instagram widget

  • Author
    Posts
  • #117199

    Hello,
    My name is Melissa, I’m using wordpress.com and I inserted an instagram widget in the footer area like you did in the Silviodemo but as you can see it’s not looking good because of the size of one of my picture. I want all the pictures to be a perfect square even if there are bigger on instagram.
    Is there any chance I can change it ?

    Thanks.

    The blog I need help with is fuirlaroutine.com.

    #117299

    alfonsosilo
    Theme Author

    Hi fuirlaroutine,
    Thank you for writing and using our theme :)

    Yes, Instagram are sending the images as them were upload. So if you upload a vertical one, WordPress.com shows it vertical, the same for landscape images.

    However, you can add this CSS to set the Instagram images as squares:

    .wpcom-instagram-columns-3 a {
        margin: 0 1% 2%;
        width: 30%;
        display: block;
        float: left;
        position: relative;
    }
    .wpcom-instagram-columns-3 a:before {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .wpcom-instagram-columns-3 img {
        margin: 0;
        max-width: 100%;
        float: none;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    Hope this helps and thanks again :)
    Alfonso S. from SiloCreativo

    #117307

    It worked ! Thank you so much :)

    #117308

    It worked ! Thank you so much :)

    #117309

    alfonsosilo
    Theme Author

    Glad to hear that, you are welcome!
    Thanks again :)
    Alfonso

The topic ‘Instagram widget’ is closed to new replies.