Making images appear horizontally

Hi,
We deliberately do not supply any CSS/styles with the plugin and leave it to the site owner to layout the images as they need them. There are simply too many themes and devices to consider shipping this as part of the plugin.

To add custom CSS you will need to do one of three things:

1. Edit your theme styles (normally syle.css within your theme folder) – this is not advised if you intend to upgrade your theme in future
2. Create a child theme with custom stlyes. Details here: https://codex.www.ads-software.com/Child_Themes
3. Install a custom CSS plugin and add the CSS via that: https://www.ads-software.com/plugins/custom-css-by-dev7studios/ – there is also a custom CSS plugin as part of Jetpack: https://www.ads-software.com/plugins/jetpack/

Once you have one of those in place you could add some CSS along the lines of:

.null-instagram-feed .instagram-pics {
margin: 0;
padding: 0;
list-style: none;
}
.null-instagram-feed .instagram-pics li {
float: left;
width: 33%;
margin: 0;
padding: 0;
}
.null-instagram-feed .instagram-pics li img {
padding: 3px;
}

This will give you rows of images and it should be 3 per row. You can adjust the percentages to suit your needs.

Marking as resolved.