Images have inline css display: none

  • Resolved wwwolf

    (@wwwolf)


    4 years, 2 months ago

    I’ve installed and configured the plugin, successfully connected it to the Instagram account, and embedded it using shortcode:
    [instagram-feed user=”bearpawtherapies” num=8 cols=2 headertext=’Bear Paw on Instagram’]
    … but no images. When I looked at the code, I found that each image has the inline css:
    display: none;
    I’ve now ‘hacked’ it by putting
    display: block !important;
    in the custom css box (!!) but this feels a bit like hitting it with a hammer. Why is that there, and is there a more elegant way to fix it?
    Thanks.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Smash Balloon Mike

    (@smashballoonmike)

    Hey @wwwolf,

    Thank you for reaching out to us. The plugin uses the image URL as a background image on the element so the image itself is intentionally hidden. We show there is CSS related to the widgets which is actually preventing the background image from properly showing up. Can you remove the CSS you added and then try adding the following to our plugins Custom CSS section by going to WordPress Dashboard > Instagram Feed > Customize > Misc > paste the code into?Custom CSS?> click?Save Changes.

    #widgets .textwidget .sbi_photo {
    display: block !important;
}

    Let me know if you run into any issues or have any additional questions. Hope you are having a great day!

Viewing 1 replies (of 1 total)
  • The topic ‘Images have inline css display: none’ is closed to new replies.

Tags