Premium Theme Support › ThemeTrust › Swell

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.