Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 11, 2022 at 12:27 am #1340059
    CaptOM89

    Hello,
    I’ve noticed just recently a strange phenomenon on my blog posts. On the sidebar of each post, the thumbnail image for that particular post (but not the other thumbnails) is somehow corrupted, or at least displaying incorrectly. They are squeezed horizontally. See examples:

    https://centerforworldmusic.org/2022/02/juan-carlos-blanco/

    https://centerforworldmusic.org/2022/01/laurel-grinnell-wilson/

    https://centerforworldmusic.org/2021/10/access-seniors/

    I’d appreciate suggestions as to how to fix this.

    Note: I’ve already regenerated the 36 x 36 thumbnails.

    Thanks! Lance

    February 11, 2022 at 11:14 am #1340129
    Yigit

    Hey Lance,

    Thanks for contacting us!

    I could not reproduce the issue on my local installation. Could you please create temporary admin logins and post them here privately so we can look into it? :)

    Best regards,
    Yigit

    February 11, 2022 at 11:46 pm #1340222
    CaptOM89
    This reply has been marked as private.
    February 12, 2022 at 2:12 pm #1340266
    Mike

    Hi,
    Thank you for the link to your site and the screenshot, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .news-link .news-thumb .wp-caption {
	margin: 0;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 12, 2022 at 8:50 pm #1340302
    CaptOM89

    Hi Mike,

    Excellent! Thanks. This worked. But may I ask a couple of questions?

    (1) Would you have any guess as to what changed in my site to make such a fix necessary? Is this an old widget, such that it needed a fix? Is it a bug in the widget that will be updated so that this snippet is no longer necessary? What would cause this error to appear all of a sudden?

    (2) I’ve been using the Enfold theme since 2014. Over the years, I’ve accumulated a good number of snippets in my Quick CSS field. Do you have any advice as to how to manage these Quick CSS snippets? I’m guessing that some have by now become redundant or outdated. Perhaps some could possibly cause conflicts. What’s the best way to keep track of them?

    Thanks! Lance

    February 12, 2022 at 9:35 pm #1340308
    Mike

    Hi,
    Glad to hear, it looks like the news thumbnail that is also the featured image for that post is getting the classes wp-caption featured , which has the extra margin that the above css adjusted for, I’m not sure why I will need to test more and let the Dev Team know of my findings. Either way, I don’t expect this to affect you further in the future.
    You can move your Quick CSS to your child theme stylesheet and comment out rules one at a time to check if they are still needed, this is probably a huge job :(
    Another option is to use the chrome extension CSS Used, this will output all of the css used for the page you are viewing, if you copy the code to a text file and check a page, a post, an event, etc then you can compare it to your Quick CSS and see if any rules are not used, probably still a big job :|
    I thought there used to be an extension that would output the un-used css from your stylesheet but I couldn’t find it, perhaps there is a plugin or a website that now does this, try searching for one as this would be the easiest solution :)

    Best regards,
    Mike

    February 16, 2022 at 8:12 pm #1340971
    CaptOM89

    Thanks, Mike. I appreciate your help and advice. I think we can mark this case “closed” for now.

    February 17, 2022 at 2:23 am #1341012
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Corrupted Thumbnails on Enfold Latest News Sidebar Widget’ is closed to new replies.