Instagram Widget Not Recognizing Column and Photos settings

Andy,

I don’t know what to say. I have been struggling to get you to see things which are plainly obvious to me. The first several posts of this topic were me just trying to get you to see what I am seeing. There are several screenshots below clearly showing why the problem is.

I appreciate your help Andy, but in more than one topic, we struggle with basic communication. When other support reps answer my posts, I have no problem. I think at this point, it would be best if you would please forward this request, other existing requests and future requests to another support representative.

I do appreciate your help, but we are not working well together. I don’t know what else to do.

None of the screenshots below happen until we add the last CSS you gave me.
The uneven spacing does not occur until we add the last CSS.
BUT, without the last CSS the instagram thumbnails are not perfectly sized.

Thank you,

Jas

The last screenshot was just a blown up repost of your screenshot, where the problem was clearly visible.

Please clarify something for me. Am I adding the above CSS or am I replacing existing CSS? Please be specific so I know what will solve this issue.

Thank you,

Jas

Andy,

I’m very sorry. I don’t understand your english. You saying “this” and “it” and then you are telling me above to replace new CSS with old CSS. “replace it with the old one.” why would I replace new CSS with old CSS? Wouldn’t it be the other way around?

Here is what I have now. Please copy and paste the parts I need and I will delete the rest. Thank you.

.av-instagram-pics.av-instagram-size-thumbnail {
    width: 70%;
    padding-top: 12px !important;
}

.av-instagram-item {
    padding: 1px;
}

.av-instagram-item:hover a {
    opacity: .5;
} /*instagram hover effect*/

.widget-easy-twitter-feed-widget-container .row {
    margin-bottom: 0;
}

.av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
width: 80px;
height: 80px;
}

@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) {
.av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
width: 80px;
height: 80px;
}}

1. This instagram plugin has a code problem and I helped you by reporting this bug. This is not me requesting a custom theme. As you can see > You thanked me earlier for pointing it out to you here..
#post-583517
“wow would have never seen this issue. Thanks for making us aware about it. Regards,
Andy”

2. I now have this CSS. I needed both to sort of solve some of the issues. If you go to the site (which I have included below) you will see when you resize it is still a problem slightly. The thumbnails become misaligned.

.av-instagram-pics.av-instagram-size-thumbnail a.lightbox-added {
width: 80px;
height: 80px;
}

and

.av-instagram-item {
width: 80px;
}

3. I or my clients which I have brought to Kriesi have bought 20+ themes. It is a significant investment. I’ll be happy to assist with making your job easier Andy and include links repeatedly in the private content area. Usually this has not been a problem in the past. This topic was to fix a problem with the code in the Instagram plugin.

It makes the blocks worse unfortunately. See screenshots.

These thumbnails do not want to be the same size.

I left the last CSS you gave me on the page.

Hmm. Looks ok but now the thumbnails are running together. see below

Thanks I changed it to

.av-instagram-item {
width: 81px;
}

It’s still not perfect but it’s close enough.

If you would please have Christian look into fixing this Instagram plugin, I’m sure all the users would appreciate it. I’m happy to have helped find this bug. I’m sure you can use some of this experience to fix the problem for future releases.

Lets close this topic.

Thank you,

Jas

I might :) It is very close now so, if I start a new topic, I will tag you in the post. If there is a certain way I should tag you please let me know. You can put those directions in private content if you like.

You can close this topic.

Thank you!