WordPress.org

Ready to get started?Download WordPress

Forums

Easy Instagram
CSS Trouble (2 posts)

  1. marritbotma
    Member
    Posted 8 months ago #

    Im trying to present the pictures horizontally by editing in the style.css:

    div.easy-instagram-thumbnail-wrapper{
    width:150px;
    float:left;
    display:inline-block;
    }

    But they are not moving?

    http://wordpress.org/plugins/easy-instagram/

  2. smcniel24
    Member
    Posted 7 months ago #

    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;
    }

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.