Previous Post Carousel

  • Unknown's avatar

    I use the ‘previous post carousel’ block on my blog posts.

    In edit mode it shows (bottom left corner) for example:
    ‘ by Ggreybeard 2022-04-06’ .

    However, when posted it only shows:
    ‘by 2022-04-06’ .

    See for example: https://cosmicfocus.wordpress.com/2022/04/12/m83/

    Why does this error occur and is there a fix?

    I am using the Rebalance theme.

    WP.com: Yes
    Correct account: Yes

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

  • Unknown's avatar

    Hey @ggreybeard

    From what I can see, is there is some CSS code that is interfering with your blocks.

    Your author CSS class seems to have this. I have highlighted the error position: absolute below. If you remove this property, your name will be shown on your block.

    .entry-categories, .entry-tags, .entry-meta .author {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        position: absolute; <------ The culprit
        overflow: hidden;
        width: 1px;

    Let me know if this works for you. Cheers.

  • Unknown's avatar

    Hi there,
    After digging a bit I found that you are using below css which need to change to fix the issue.

    .entry-categories, .entry-tags, .entry-meta .author {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    position: absolute;
    overflow: hidden;
    width: 1px;
    }

    remove “position: absolute; ” from the css. The corrected css should be like below

    .entry-categories, .entry-tags, .entry-meta .author {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    width: 1px;
    }

    Hope this helps.
    Thanks

  • Unknown's avatar

    Hi, Rawalplawit & Mohammadriyad,

    Thanks very much for locating the problem. I’m not a programmer but I could probably manage to do that.

    However, I guess I’ll just have to l live with the issue as my site is not on a premium plan and I have no access to the CSS customiser.

    I do appreciate your responses. 🙂

    Regards,

    Roger

  • Unknown's avatar

    Sucks to hear that. Was the issue there before. Is there any chance you could have added extra css blocks on your header? I have some tips the could help you.

    1. In the carousel block settings -> advanced settings -> Additional CSS class(es)
    Do you have anything there?

    2. Edit your header block and try to see if you have added something similar to the below code.

    
    <style id="rebalance-style-inline-css">
    .entry-categories, .entry-tags, .entry-meta .author { clip: rect(1px, 1px, 1px, 1px); height: 1px; position: absolute; overflow: hidden; width: 1px; }
    </style>
    

    Best regards

  • Unknown's avatar

    @ggreybeard

    However, I guess I’ll just have to l live with the issue as my site is not on a premium plan and I have no access to the CSS customiser.

    If you have not used any CSS. Don’t worry about the CSS.
    By default, this issue should not be happening. I tried to replicate the issue and couldn’t create the same you are facing.
    I am adding this thread for staff attention. Please wait for their reply.
    Thanks

  • Unknown's avatar

    Hi, Rawalplawit & Mohammadriyad,

    There is nothing in Advanced CSS. I have no experience with CSS.

    I just expect blocks to work the way they are intended. I’ve used this block in my last eight posts and I thought it was an error that might get resolved. It hasn’t, hence the above post, to see if it is resolvable.

    I know I can use the carousel block settings to switch off “show author” but
    I’ll leave it as it is for now, in the hope that there is a solution.

    Thanks again.

    🙂

    Roger

  • Unknown's avatar

    Sorry, we couldn’t find an appropriate solution. It’s weird because it shouldn’t be happening by default. The final options is to check if any plugin is adding in their own styles. Try disabling plugins one by one to see if any plugin is the culprit.

    Best regards.

  • Unknown's avatar

    Also, was your theme migrated from self hosted site? Or have you ever had pro or other legacy plans before?

  • Hi folks! I think I see the issue. This CSS is being added inline by the theme. Older themes have some funny quirks like this sometimes:

    <style id='rebalance-style-inline-css'>
    .entry-categories, .entry-tags, .entry-meta .author { clip: rect(1px, 1px, 1px, 1px); height: 1px; position: absolute; overflow: hidden; width: 1px; }
    </style>

    The theme is retired and I doubt it’ll get an update, but I will reach out to the block authors about adding this CSS to fix the slider, though I can’t say for sure whether they’ll make a change for one theme:

    .swiper-wrapper .entry-meta .author {
        position: unset;
    }

    Roger,

    If you just want to uncheck the “Display Author” option in the post slider options, that may be a suitable workaround for now. Just tap the block and you’ll see some options on the right side of the page under Block Settings. Or, you can switch to a newer theme if you’re up for that.

    By the way, I love these pictures! Great work!

  • Unknown's avatar

    Hi Supernovia,

    Thanks for your intervention and referral to the block authors. If they do not make the change, I will uncheck the “Display Author” option.

    I have seen no notification that my Rebalance theme had been “retired” but will consider options.

    Thanks also Rawalplawit & Mohammadriyad for your assistance.

    🙂

    Regards

    Roger

  • Ah! My bad on that; you’re right that it isn’t retired. I must have mistaken it for another one. I’ll file an issue for the theme too, then, and get them cross-linked.

    Cheers :)

  • Unknown's avatar

    Thank you, Supernovia.

  • Hi! I’m sorry I forgot to update this earlier this month, but this issue is resolved now. Let us know if you have any further issues with it!

  • Unknown's avatar

    Hi Supernova,

    I don’t think it has been resolved.

    For now I work around it by unchecking the “Display Author” option.

    If I neglect to do that, the issue remains, as per my original post above.

    The link I posted above, https://cosmicfocus.wordpress.com/2022/04/12/m83/ still displays the same error and the question I posed is still valid.

    Regards,

    Roger

    🙃

  • Hi Roger,

    By enabling the “Display Author” in the Customizer I can now see your name correctly displayed in the slideshow. Here’s how it looks on my end:

    Are you seeing something different?

  • Unknown's avatar

    Hi Fstat,

    I tried that earlier today and it seemed to me that it was still not functioning – but I can now see that it is working as intended, so thank you very much.

    “This issue is resolved now.” 🙃

    Best regards

    Roger

  • The topic ‘Previous Post Carousel’ is closed to new replies.