In this picture you can see that the pictures having 4:5 aspect ratio are being cropped in to get into the 1:1 ratio. Is there a way to change that to 4:5 so the images are not cropped in. Thanks
Hello,
We have solution of this task please share your website URL.
In the file “styles.scss” you add the following code.
.template-index .pg__image.pg__sync-url {
padding-top: 385px!important;
}
.template-index .pg__img-fit {
-o-object-fit: fill!important;
object-fit: fill !important;
height: 100%;
}
@media(min-width: 280px) and (max-width: 767px){
.template-index .pg__image.pg__sync-url {
padding-top: 100%!important;
}
}
Note:- First of all take backup of your theme then add this code.
1 Like
Will this code work if I change the theme of the website?
No, you will need to implement it again on new theme if you change the
theme of the website.