Issues with Instagram section

[camwilson12]

Hi

The instagram sections on my site are blurry or not working properly.

The one on the main page is blurry.
The one that appears as a widget on the sidebar only display 5  images and they’re not aligned. There are more than that amount on the Instagram feed.

 

Thanks

[Harry]

Hi Camwilson,

1. Please edit Instagram element on home page and change image size to 320 x 320 http://prntscr.com/npeqas

2. Please go to Appearance > Widgets > Primary Sidebar > Instagram Widgets and change number of photo

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[camwilson12]

For the homepage – as the images are different aspect ratios they aren’t aligned. Is there a way to crop all of the images to a square?

The sidebar has worked fine now thank you.

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (min-width: 1025px) {
.jas-sc-instagram .slick-slide img {
	max-width: inherit;
	height: 300px;
	width: auto;
}}

Please use app this app to crop your image https://www.iresizer.com/iresizer-how-to-resize-image-for-instagram.html

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[camwilson12]

That doesn’t seem to work properly. It makes them all portrait rather than a square.

It also changes when the screen is changed to tablet size and then they’re all out-of-sync again.

The resizer tool isn’t really much help for an existing feed. Instagram allows you to post in various aspect ratios so I don’t want to just have to crop every photo on my feed so that it works with this one plugin. Can you show me what the example setup is for this http://janstudio.net/gecko/fashion/home-fashion-3/

Thanks

[Harry]

Hi Camwilson,

1. I’m sorry, your Instagram’s images have more type of dimension (some square, some horizontal rectangle, some vertical rectangle) it can’t change to square all. It only way you crop on your feed to make it work with Instagram add-on integrated with our theme because the add-on load original shape on your Instagram.

2. The image of our Instagram Feed on demo-3 all are square, we crop images on local before upload to Instagram with this app https://gramblr.com/uploader/#home

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts