Support » Plugin: Easy Instagram » CSS Trouble

Viewing 1 replies (of 1 total)
  • 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;
    }
Viewing 1 replies (of 1 total)
  • The topic ‘CSS Trouble’ is closed to new replies.