MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Why are there gaps in between images in Florence's Instagram footer?

Please note: This FAQ Article is specifically for the Florence theme.


Florence Instagram Screenshot #1


If you're using Florence's Instagram footer area and have white, uniform gaps in between your images, it's very likely an easy fix! Recently, the Instagram Slider Widget's authors released a massive update to the plugin which included changes to the "class" names Florence used in order to target & style the widget. In response to the update, we've created some CSS code which should address & fix the styling bugs.

Within Appearance > Customize > Custom CSS, copy & paste the following:

.widget-instagram .jr-insta-thumb ul > li, .widget-instagram ul.instagram-pics > li {
    width:12.5% !important;
    display:inline;
    float:left;
    margin-bottom:-6px;
    padding:0 !important;
}
.widget-instagram ul.instagram-pics > li img {
    width:100% !important;
    height: auto !important;
}
.jr-insta-thumb .thumbnails {
    padding:0 !important;
}


Be sure to save when finished.




Then, within Appearance > Widgets > Instagram Slider widget settings, please ensure you've set the Template option to be "Thumbnails" and the Image Size to either "Large" or "Medium". Save your settings when finished.


Florence Instagram Screenshot #3


screenshot's Instagram images attributed to the talented @emily_katz