Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 6, 2018 at 9:27 am #908427
    goingthewholehogg

    Hi

    I have added the Instagram Feed plugin to my site but the images aren’t appearing correctly. I think it’s maybe to do with my Social Warfare plugin and the ‘Pin it’ hover button, as this was affecting some other image links on my site (which was resolved with some CSS).

    Can you provide me with some CSS to remove the Pin It hover button function from the Instagram feed images (if this is indeed the problem)?

    Log in details are in the private field if you need them as the site isn’t live yet.

    Thanks

    Kim

    February 6, 2018 at 12:42 pm #908533
    Rikard

    Hey Kim,

    Please try the following in Quick CSS under Enfold->General Styling:

    .sw-pinit-button {
  display:none !important;
}

    Best regards,
    Rikard

    February 6, 2018 at 1:31 pm #908561
    goingthewholehogg

    Hi Rikard

    Thanks for your response. I’ve added this but it doesn’t seem to have changed anything. Could you take a look? The pin-it button still appears on the Instagram Feed images at the bottom of the home page, and the images are still warped.

    Thanks

    Kim

    February 6, 2018 at 1:51 pm #908577
    Mike

    Hi,
    Please try clearing your cache and check again. I don’t see the pin-it button, Please see screenshot in Private Content area.

    Best regards,
    Mike

    February 6, 2018 at 2:06 pm #908588
    goingthewholehogg

    Hi Mike
    I did try that a few times and it didn’t update, but opening a new browser I see it’s updated now.

    Looks like this has taken the Pin-it button off all my images though, is there a way to specify only for the Instagram Feed images? I still want the button to appear when hovering over images in my blog posts etc.

    Also, my Instagram Feed images are still appearing warped (although it doesn’t look like they are in your screenshot). I’m not sure how to add a screenshot to show you… My images appear fine initially for a second or so, then they switch to having a line across them where part of the image is repeated and it looks all messed up.

    How could I fix this?

    Thanks

    Kim

    February 6, 2018 at 2:31 pm #908600
    Mike

    Hi,
    To add a screenshot, please try using https://postimages.org/ and pasting the image URL in your post.

    Best regards,
    Mike

    February 6, 2018 at 3:04 pm #908618
    goingthewholehogg

    Hi
    Thanks. Hope this works..

    https://postimg.org/image/u9zbw61ql/

    Thanks

    Kim

    February 7, 2018 at 5:02 am #908891
    Mike

    Hi,
    I checked your site in Chrome, Firefox, & Edge and for me the Instagram Feed images are just like the image I posted, and not like yours. This must be local to your browser, Please clear your browser cache and check. Also try clearing your history,
    perhaps this will help: https://kb.iu.edu/d/ahic

    Best regards,
    Mike

    February 7, 2018 at 11:52 am #909045
    goingthewholehogg

    Hi Mike

    OK, thanks. Good to know it’s not appearing warped on every browser.

    With this CSS code the pin-it button has been removed from all of my images, not just the Instagram Feed ones. Is there a different code I could use to specify removing the pin-it button only from the Instagram Feed images?

    Thanks for all your help,

    Kim

    February 7, 2018 at 12:36 pm #909072
    Mike

    Hi,
    I changed your code to:

    a.sbi_photo .sw-pinit-button {
  display:none !important;
}

    which seems to be working, Please clear your browser cache and check.

    Best regards,
    Mike

    February 8, 2018 at 4:18 pm #909823
    goingthewholehogg

    Hi Mike,

    Thanks for your help, it’s much appreciated. We’ve cleared our browser cache and checked, and also checked on different browsers and different computers. It still seems to be a little temperamental but we’re happy to leave it as it is for now. We’re investigating different options with plugin providers.

    Thanks again,

    Kim

    February 8, 2018 at 6:28 pm #909896
    Jordan Shannon

    Hi,

    Did you need further help, or shall we close this particular topic?

    Best regards,
    Jordan Shannon

    February 9, 2018 at 4:24 am #910088
    goingthewholehogg

    Hi,

    No thank you. No further help needed. You can close it. Thanks a lot for your help.

    Kim

    February 9, 2018 at 4:43 am #910094
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘CSS to remove 'Pin it' button from image links’ is closed to new replies.