How to make Instagram footer Full width?

  • Author
    Posts
  • #148647
    edessex
    Member

    Hello, I would like to display an instagram feed in the footer at full width

    The blog I need help with is: (visible only to logged in users)

    #148809
    themetrust
    Theme Author

    Try install the WP Instagram Widget plugin. Then add this custom CSS:

    
    .instagram-pics li {
    display: inline-block;
    vertical-align: top;
    width: 12.5%;
    }
    
    .instagram-pics li img{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    }
    
    @media ( max-width: 480px ) {
    .instagram-pics li {
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    padding: 0!important;
    margin-bottom: -6px !important;
    }
    }
    
    #footer-instagram p.clear {
    display: inline-block;
    background: #fff;
    
    padding: 7px 17px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: -85px;
    color: #000 !important;
    -webkit-box-shadow: 0px 0px 66px -8px rgba(0,0,0,0.95);
    -moz-box-shadow: 0px 0px 66px -8px rgba(0,0,0,0.95);
    box-shadow: 0px 0px 66px -8px rgba(0,0,0,0.95);
    font-size: .8em
    }
    
    #footer-instagram p.clear a{
    color: #000 !important;
    }
    
  • The topic ‘How to make Instagram footer Full width?’ is closed to new replies.