I was trying to figure this out too and was experiencing what you were… which is nothing. I think I finally figured it out.
In the Plugins->Editor.. select the Easy Instagram plugin to edit on the top right of the page. Then select the style.css file.
the original code in there is:
.easy-instagram-thumbnail-author {
}
.easy-instagram-thumbnail-caption {
font-size: 80%;
font-weight: bold;
}
.easy-instagram-thumbnail-time {
font-size: 80%;
font-weight: bold;
color: #999;
}
I read a few places to add the code exactly as you have it, but obviously it didn’t work. I removed the width property and the display property and it started to display horizontally. The width property was the problem, but for me I didn’t want the text of the instagram post to be wider than the picture itself so I put the width property in the .easy-instagram-thumbnail-caption tag and set it to 150px. I also wanted the pictures to not be touching each other so added a 5px padding all the way around in the easy-instagram-thumbnail-wrapper tag. It worked and looks great. Here is my full code in that css file.
.easy-instagram-thumbnail-wrapper{
float:left;
padding:5px;
}
.easy-instagram-thumbnail-author {
}
.easy-instagram-thumbnail-caption {
font-size: 80%;
font-weight: bold;
width:150px;
}
.easy-instagram-thumbnail-time {
font-size: 80%;
font-weight: bold;
color: #999;
}