[SOLVED] Style the instagram shortcode

support
1

See http://bepsays.com/en/2016/12/10/instasnaps-from-london/

I use the new Instagram shortcode in the upcoming Hugo 0.18.

I want to add some margin below the “instasnap”, but it’s an iframe, and I cannot match it somehow.

Should we add a surrounding DIV?

2

You should be able to use margin-top: 1em on the iframe to get what you want.

3

I tried that … But you were right, I just had to add the !important keyword (I guess I should dig up the conflicting style, but that is another day):

.instagram-media {
   margin-top: 1em !important;
}