How do i put some space betwen the pictures

Hi Bashir
To do this you are going to have to add some custom CSS to your theme. All themes are different but in most cases you can add CSS to a file called styles.css in the root of your theme.

The CSS you need to add will depend greatly on how you want the images to look. For a bit of space between each one you might add something like:

.instagram-pics img {
    margin: 5px;
}

This adds a margin of 5px to each image (so there will be a 10px gap between each). You can of course play with padding, width etc too.

Thank you Scott, your a life saver ??

A wonderfull plugin m8, great quality all over

Kepp up the great work

No problem. Glad it worked.

Hi Scott, I have used the CSS code to format the instagram images horizontally, and it’s worked, but also want to create space between the images. How should I incorporate the code above to achieve this?

That is a tricky one to answer without seeing the site and knowing more about your setup. You will need to add padding or margin to the images.

This code can either be added to your theme’s styles.css or via a custom CSS plugin: https://jetpack.me/support/custom-css/

The same code should work:

.instagram-pics img {
    margin: 5px;
}

Thanks Scott I’ve managed to create a gap between the images but now need to reduce the side margins so they’re placed wide accros the footer. Please help!

https://www.thelocaljournal.org/