• Resolved Vanessa

    (@nessayin)


    Hi there,

    The Instagram tiles at the bottom of the page seems to be elongated instead of displaying as squares. How do I change it to squares? It was displaying as squares only until recently. Thank you!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hey @nessayin,

    Sure, you can add this CSS code to adjust the dimensions of your images dynamically:

    
    @media(min-width: 607px){
    .page-id-315 .wp-block-jetpack-instagram-gallery__grid .wp-block-jetpack-instagram-gallery__grid-post img {
        height: 28vw;
        width: 33vw;
    }
    }
    

    Let me know if this helps, have a nice day,
    Andrija

    Thread Starter Vanessa

    (@nessayin)

    Thanks Andrija! It works great. Does it only apply to that page though? Can I get something similar for this page too? https://www.riverandcolour.co/markets/
    Thank you!

    Hey @nessayin,

    Yes, the change only applies to a single page. To apply it to multiple different pages you can use this code:

    
    @media(min-width: 607px){
    .wp-block-jetpack-instagram-gallery__grid .wp-block-jetpack-instagram-gallery__grid-post img {
        height: 28vw;
        width: 33vw;
    }
    }
    

    Or if you want to apply the change only to certain pages, you need to have their page ID and add. On the example of the latest page you send, the code would look like this:

    
    @media(min-width: 607px){
    .page-id-147 .wp-block-jetpack-instagram-gallery__grid .wp-block-jetpack-instagram-gallery__grid-post img {
        height: 28vw;
        width: 33vw;
    }
    }
    

    I hope this helps, have a nice day,
    Andrija

    Thread Starter Vanessa

    (@nessayin)

    Thanks Andrija, that works well!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Instagram image shape’ is closed to new replies.