Instagram widget

  • Author
  • #117199

    My name is Melissa, I’m using 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 ?


    The blog I need help with is


    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, 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


    It worked ! Thank you so much :)


    It worked ! Thank you so much :)


    Theme Author

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

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