Crop images to have same size

  • Resolved ruokaonvalmis

    (@ruokaonvalmis)


    3 years, 8 months ago

    Hello,

    I would need to crop the pics from IG in a way that they would be of the same size on the page.

    I wish you will be able to help!

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

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

  • Hi @ruokaonvalmis,

    To make all the images from the Instagram appear as same size, you can add the below code in Additional CSS via Admin Dashboard > Appearance > Customize > Additional CSS:

    .instagram-section .popup-gallery li img {
    height: 19vw;
}
    Thread Starter ruokaonvalmis

    (@ruokaonvalmis)

    Hi,

    thank you!

    This fixed the issue when they are shown at the end of the page, but it does not fix them when they are in the sidebar.

    Hi @ruokaonvalmis,

    To make the Instagram images appear in similar sizes in the sidebar widget as well, you can use the below block of code:

    #secondary .popup-gallery.photos-2 li img{
    width: 100%;
    height: 13vw;
    }
    @media screen and (max-width: 1024px) {
    #secondary .popup-gallery.photos-2 li img{
    height: 45vw;
    width: 100%;
    }
    }

    Thread Starter ruokaonvalmis

    (@ruokaonvalmis)

    Amazing, thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Crop images to have same size’ is closed to new replies.