Home › Forums › WoodMart support forum › Instagram photos too large
Instagram photos too large
- This topic has 11 replies, 2 voices, and was last updated 1 year, 11 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
January 3, 2023 at 2:30 am #432696
rubenssoto2005ParticipantHello Guys,
I did the integration with Instagram Api and Added the instagram api block on elementor. The image is too large, how can I resize the image? There is a photo Size place but it is not working.
Could you help me?
Thank you
January 3, 2023 at 10:54 am #432762
Aizaz Imtiaz AwanKeymasterHello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check these concerns on your Site and help you out accordingly.
Best Regards
January 3, 2023 at 3:22 pm #432826
rubenssoto2005ParticipantHi Aizaz,
how are you?
I’m not feel very comfortabel to share admin passwords, I will send to you the website link. Do you think in another way to solve the problem?
Thank you
January 4, 2023 at 12:01 am #432908
rubenssoto2005ParticipantHi,
do you have any ideia how to solve this?
Thank you
January 4, 2023 at 11:03 am #432999
Aizaz Imtiaz AwanKeymasterHello,
Sorry, but we had asked for the Login details to get a better idea of the situation along with their options.
But if you are hesitant enough to share them, then please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
.instagram-picture .wrapp-picture:after, .instagram-picture .wrapp-picture :is(a,img) { object-fit: contain ; height: 20em ; }
In this CSS, the object-fit will make the image container to make the Image contained in it and height will then adjust the Image size according to the container. You can change the value of the height property here according to your choice.
Hope this works out for you!
Best Regards
- This reply was modified 1 year, 11 months ago by Aizaz Imtiaz Awan.
January 4, 2023 at 4:00 pm #433086
rubenssoto2005ParticipantThank you for the CSS code, but unfortunately didn’t have the expected result, the image decrease the size, but the square keep in the same size like you could see in the link bellow.
My ideia is to have the same size as this demo site
https://woodmart.xtemos.com/demo-jewellery/demo/jewellery/January 5, 2023 at 10:20 am #433253
Aizaz Imtiaz AwanKeymasterHello,
Did you try out the Photo size option of the Instagram element being used on your Site?
See this image for reference: https://snipboard.io/nYMVOu.jpg
In this Photo Size input, you can write: thumbnail, medium, large or full (any of the one) to have your choice of size for the Images that best suits you.
The Demo link that you have shared as a reference has a medium size defined for it.
Best Regards
January 6, 2023 at 5:00 am #433464
rubenssoto2005ParticipantYeah, it was the first option that I tried, but thumbnail, medium and large didn’t change anything, my page builder is elementor.
January 6, 2023 at 5:48 am #433471
rubenssoto2005ParticipantI deleted the images from the wordpress gallery, so now, I can’t see the images on the widget and the size still big.
Could you help me with that?
January 6, 2023 at 1:38 pm #433571
Aizaz Imtiaz AwanKeymasterHello,
Can you please share the WP admin login details of your site so I will check and solve the issue? The image size will change depending on the image loading per row: https://ibb.co/TYSHTzL
Best Regards.
January 6, 2023 at 3:48 pm #433603
rubenssoto2005ParticipantThe image loading per row is they for what I want. Thank you so much!
Only to understand what the “Photo size option” do?
January 7, 2023 at 11:12 am #433725
Aizaz Imtiaz AwanKeymasterHello,
It will change the quality of images to load, if the image is 1900×720 then is you want to show the image small in size to load quickly then you use the thumbnail, medium, or large, it will change the quality according to the size you mention.
Best Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register