Top row padding, want to remove

  • Hi! I’m using your excellent plugin for my WordPress, specifically on my footer. I’ve chosen to use 5px padding between my instagram photos, but this kind of ruins my precise layout. I only want padding between the photos, not around the edges of the outer images. In my screenshot you can see the space between the text above the Instagram Feed plugin, and also some extra space around the whole area where the plugin is located.

    Is there any way I can customize the CSS to remove the outer padding of the images? Thanks in advance!

    Screenshot: [img]https://i.imgur.com/ghAOnOX.png[/img]

    https://www.ads-software.com/plugins/instagram-feed/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    Hi Kevin,

    Glad you like the plugin! I see what you mean with the difference between the two making the page look off. I think the easiest solution would be to add a negative margin to the top of the element that contains all of the elements.

    If you go to the Settings page, “Customize” tab, and scroll down to the “Custom CSS” area you can enter the following code:

    #sb_instagram #sbi_images {
    margin-top: -5px;
}

    Let me know if you need any more help with this!

    Thanks,

    Craig

    Thread Starter KiwiKevin

    (@kiwikevin)

    Hi Craig,

    Your solution worked really well! I also added a margin to the left, that definitely solved my problem. Thank you so much, you guys rock!

    Best regards,
    Kevin

    Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    Awesome! Thanks Kevin

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Top row padding, want to remove’ is closed to new replies.