Rebalance, Featured Image, image post format, Flickr embed, dupes

  • Unknown's avatar

    I’ve been experiencing one vexing problem following a switch to the Rebalance there.

    Among the “content options”: Automatically show first image. When I checkmark the option, the single pages for each image format post shows two identical pics, the original a but smaller than the featured. In all but 2-3 recent examples, I assigned no featured image.

    I tried grabbing the pic from Flickr and uploading it directly, but the same dupes appear.

    With auto use first image checked, the pics show as expected on the home and archive pages. No check = no pic on those pages.

    I asked for coding to hide featured images only with image post format pics on the single pages. Instead, the code wiped out the flickr-related pic. Since only a handful fave a featured image assigned, no pic on the premier page.

    Please, this is driving me nuts. I chose Rebalance not only for the look, but because Automattic created it. Thought that would prevent snafus.

    I’ve just turned the auto use first pic back on. Living with dupes on single pages is the lesser of two evils, i.e. No photography pics on home page, tag pages, archives, etc.

    Thank you.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    P.S. I just experimented, changing the post format on one pic (red crested turaco) from image to aside. Same dupes appear. Accessed through 4 browsers, two of which never saw the site before. So it’s not a cache hassle.

    Thank you.

  • @writesquire can you please share links to some examples of affected posts as well as links to a few posts you don’t want to change?

  • Unknown's avatar

    I added no image related customized CSS, other than the described snippet received from a mod, which I immediately deleted after seeing the effect.

  • Unknown's avatar

    http://writesquire.com/about/writesquire-sitemap/

    Mid-way scroll to the Photography section (display-posts=tag). The tag is photography. Each listed post (except one or two per my recent fix-it attempts) is assigned to the image post format. Most if not all are showing the dupes phenomenon.

    Thus far, I only see this duplication within the Photography tagged posts on single pages. Those photog tagged pics live in the Joyful Obsessions category (I used only tags to create the SiteMap listings).

    As noted, I switched a few pics to aside format, thinking the image post format might be causing the image dupes on photography single pages. Wrong, no change.

    Even uploading the true pic and killing the Flickr embed didn’t cure it. I’m stumped. I know only one thing: checkmarking the use first image option produces the rampant dupes within the photography section. Turning it off removes images from photography tagged pics on “bunches” pages – home, archives, tags, etc.

    Thank you.

  • The CSS I sent worked on one post but it didn’t work well on others.

    Can you send links to multiple posts and let us know specifically what needs to change and stay the same?

  • And to clarify, the fix I sent *should* have worked well on the photography posts, but you mentioned it broke some others. Please clarify which ones so we can continue.

  • Also, since you’ve opened an extra thread, here’s the code I suggested.

    This should leave the featured image in place and remove the smaller, dupicated image underneath it, but it will only do this on posts with the image post format.

    .post_format-post-format-image .entry-content img:first-child {
      display: none;
    }

    If you’ll tell me which posts it is causing an issue with, we can sort that out.

  • Unknown's avatar

    I tried code removing the Flickr image before, with resulting disappearing images elsewhere. I’m looking for code to kill the featured images appearing on image post format single pages. No feature images are assigned there, since the pic is the star of the page.

    Dupes Examples:
    https://writesquire.com/2017/07/12/burrowing-owl/
    https://writesquire.com/2017/03/19/hartlaubs-duck-africa/
    https://writesquire.com/2017/01/18/bird-northern-mockingbird/

    I am trying to remove the first/large featured image, not the original smaller pic. I am hoping related coding will not strip the auto-show-first-image feature in archive pages (non single-post pages). Thank you.

  • Interesting, I would love to know which posts that code adversely affected so we could fix it. That’s why I keep hoping you’ll send a link.

    Personally, I think it looks better to keep the large featured image, but if you need to remove it and keep the small one, use this code instead:

    .single .post_format-post-format-image .entry-image {
      display: none;
    }

    If this gives you trouble on some posts, too, please link to the posts that give you trouble so we can troubleshoot. :)

  • Unknown's avatar

    Hi there,

    If the CSS posted previously still doesn’t work for you, please try using this:

    .single-format-image .post-hero-image {
        display: none;
    }
  • Lots of ways to style a cat, as they say. We just need to know where it isn’t working. :)

  • Unknown's avatar

    @supernovia – the reason I posted is because the last CSS you posted doesn’t appear to remove the hero image when I add it.

    One of the classes used in CSS rule, post_format-post-format-image, doesn’t appear to exist in the image post format HTML when I search for it.

    Here’s a video showing how the image post format looks when I add the CSS you posted. It doesn’t remover the image.

    When I add the CSS rule I posted, it appears to remove it.

    Video (might take several minutes to fully load) – https://www.screencast.com/t/aEPDUsfjx

  • Odd, it works here as you can see in the screenshot. He only wants this on pages with that post format though.

  • Unknown's avatar

    If you:

    1. Open a single image post format like https://writesquire.com/2017/07/12/burrowing-owl/

    2. View the page source (CTRL+U)

    3. CTRL+F to search for the post_format-post-format-image class used in your CSS rule, can you find it in the post’s HTML?

    I can’t, which is why I used the single-format-image class instead.

  • Odd. I use inspect element and was getting the code (and ensuring it worked) that way, but that was on a different post. Maybe the difference caused issues with the earlier code.

    @writesquire do you want to try this, too, to see if it works? It’s the first solution I recommended but with the .single-format-image class.

    .single-format-image .entry-content img:first-child {
      display: none;
    }
  • Unknown's avatar

    Understand: I grappled with this issue for several days before coming to the forum for help. I do NOT want you folks to think I’m ignoring you. Experience has taught me: when frustration reaches its zenith, take a deep breath, walk away, and try again another day. Hence, I’ll implement each of the suggested codes one by one Saturday afternoon.

    This is one of the few times diligent research failed to fuel a do-it-myself fix. I am comforted seeing others have grasped / experienced the problem, even with the initially suggested coding.

    One last point, to clarify: I am willing to revisit all photography pages and replace the Flickr embed with a direct picture, or switch each post format from image to standard or whatever, or a third yet-unknown remedy. Indeed, I tried the first two options on a couple of pics. Yet the problem remains. In other words, I’ll do whatever is necessary to get what should be the normal/expected result.

    Incidentally, I opened this thread following the suggestion that it belonged in the CSS forum rather than the general. Add: the code provided did not work as expected.

    Thank you for your attention and generous assistance.

  • Hence, I’ll implement each of the suggested codes one by one Saturday afternoon.

    Don’t implement all of them. Try and see which one works best.

  • Unknown's avatar

    I thought I was clear. One by one = test one code snippet at a time, to see if it works.

  • Unknown's avatar

    @Garysixtyeight: THANK YOU! Today’s testing began and ended with your code, which works flawlessly — globally.

    ✦︎ I visited each of the most recent 100 image post format/ photography-tagged posts. Works. Because you targeted/respected my precise description of the problem.
    ✦︎ I visited random “bunches” pages: home, tag archives, etc. Works. Because you tested your tentative solution — thoroughly.

    In short, you provided a worthy answer to this profoundly grateful woman. Your BEST (exhaustive) efforts fueled your performance, precluding the need for ego-sourced excuses. I appreciate your strength of character, evident in your postings.

    Mistakes happen, part of the human condition. But persistent sloppy reading, combined with extraneous “me”isms and perfunctory remedial attempts, exceed my tolerance level.

    Next week’s agenda reflects a new task: Find the direct eMail address for an appropriate Automattic executive or member of the Board of Directors. Those in charge don’t know the nuances of front-lines activity —where subscribers are won or lost— until informed.

    Stated dilemma resolved. This thread now merits closing. Unsubscribed from thread.

  • The topic ‘Rebalance, Featured Image, image post format, Flickr embed, dupes’ is closed to new replies.