smcniel24
Forum Replies Created
-
Forum: Plugins
In reply to: [Easy Instagram] CSS TroubleI 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; }