Hey there!
My guess is that you have some CSS in your theme that is causing this but it’s hard to troubleshoot without seeing the feed on the webpage so I can try changing some things.
Would it be possible for you to add it back for the rest of the day? I should be able to take a look within the next 6 hours at the latest.
Hi Craig thanks for the quick reply. I have added it back in. Just to confirm the process, I added a text component in the 4th widget area, made the title “Follow Us On Instagram” and inserted the shortcode [instagram-feed num=4 cols=4] in the text field.
Thanks again!
Hey again,
It looks like there is a lot of styling from your theme being applied but we can override the critical parts so that the feed looks better.
Go to the “Customize” tab and add this to the “Custom CSS” area:
#footer-widget-area .textwidget a, #footer-widget-area .textwidget a{ width: 100%; }
Also, if you’d like a square grid of images you would have to square the column number. Try this shortcode instead:
[instagram-feed num=16 cols=4]
Thanks Craig we are making great progress. It is now at least “presentable”!
Some adjustments I am still hoping for:
1. Can we get rid of the horizontal white space between each row of pictures?
2. Can the “Load More” and “Follow on…” buttons be on the same row as shown the the example at http://www.dancesuppliesetc.com/images/Newsletter/2.png?
Thanks again!
Try adding this:
#footer-widget-area .textwidget #sb_instagram a, #footer-widget-area .textwidget #sb_instagram a{
width: 100%;
padding: 0;
margin: 0;
}
#footer-widget-area .textwidget #sb_instagram .sbi_load_btn,
#footer-widget-area .textwidget #sb_instagram .sbi_follow_btn a{
width: auto;
padding: 5px 10px;
margin: 0;
display:inline-block;
font-size: 10px;
}
#footer-widget-area .textwidget #sb_instagram .sbi_follow_btn i {
font-size: 10px
}
Yes this all seemed to work. Thank you so much! You guys are the best!
I just left you a 5-star review, hope it helps.
Have a great weekend!
Awesome thanks! I hope you have a great weekend as well.