Change Border Radius (2nd post style)

CSS Codes Instagram Feed
1

Add the code below to Custom CSS field on your Instagram Feed widget’s Style tab:

.es-post {
  border-radius: 30px;
}

You’re welcome to change the value in the CSS code to your liking.

1 Like
2

Hello, we recently had success in doing this with the selector
.eapps-instagram-feed-posts-item-image-portrait
but something changed recently and that is not working anymore.

I just tried your suggestion, and I see that is seems like that should also work, but it is not working for us either.

Is there some setting that might prevent that from working? I can see in the dev tools style inspector that the rule is being applied.

1 Like
3

Hi there, @jtriplett and welcome to the Community :waving_hand:

This code will do the trick:

.es-post,
.eapps-instagram-feed-posts-item-link,
.eapps-instagram-feed-posts-item-overlay {
  border-radius: 30px!important;
}

Please try it out and let me know if it helped :slightly_smiling_face:

2 Likes
4

Yes, that worked perfectly.
Thanks for the suggestion @Max !

I’m guessing there are some other styles conflicting there and we just need this rule to be more precise in its targeting so that it is the most important of them all :smile:

1 Like
5

Great, you’re always welcome!

You see, the thing is not in the style conflict. Helga’s code works only for the 2nd post style and the new code works only for the 1st post style.

Devs said that the .eapps-instagram-feed-posts-item-image-portrait class shouldn’t work for this case, so you should use the code for the 1st post style :wink:

1 Like
6

Ah that makes sense, excellent details :nerd_face: Thanks again @Max !

2 Likes