• Resolved davidgerard

    (@davidgerard)


    Jetpack updated a few days ago and the icon-only sharing buttons at the bottom of the post went egg-shaped?!

    This is on https://pivot-to-ai.com .

    I have switched to “official buttons” for now, but I would rather have icon-only buttons that are not egg-shaped.

    Is there a simple CSS fix?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Swish (a11n)

    (@swisha8c)

    Hey there, could you point us to a page where you’re seeing this behavior? The share buttons I’m seeing appear to be functioning normally.

    Thread Starter davidgerard

    (@davidgerard)

    I left it switched off because this is a business site and I can’t leave it in a broken state πŸ™‚

    I’ve switched it on for the next few hours, if someone can have a look. Thanks!

    Plugin Contributor Stef (a11n)

    (@erania-pinnera)

    Hi there, @davidgerard,

    Thanks for the follow up! I checked the site, and it seems like the issue happens only on the homepage, while single blog posts display the sharing button just fine: could you confirm that?

    If that’s so also at your end, it could be a theme conflict: can you try to temporarily switch your theme to Twenty Twenty-Three and see if the problem persists?

    If you would rather not affect the production site, you can do this by installing a plugin that only switches the theme for the current user, linked below:

    https://wordpress.org/plugins/theme-switcha/

    Let me know what you find out, and we’ll take it from there if necessary. Thanks!

    Thread Starter davidgerard

    (@davidgerard)

    I installed Theme Switcha, switched to Twenty Twenty-Three, and got:

    There has been a critical error on this website.

    Same with Twenty Twenty-Four and Twenty Twenty-Five.

    So I switched the whole site to 2023, and the share icons don’t show up at all on the front page! https://imgur.com/a/3jkUovF

    The share icons are not visible in a single blog post in the 2023 theme. https://imgur.com/a/PlvF9Wa

    I’ve switched the site back to Blocksy for now.

    Thread Starter davidgerard

    (@davidgerard)

    a.sd-button > br {
    display: none;
    }

    A designer friend gave me this CSS and it seems to have fixed the eggs!

    He says: “for some reason there are 3 [br] tags inside the buttons on the homepage but not on the article pages. So I just hid any that appears inside a share button.”

    so it’s a kludge, but it’s working for now πŸ™‚

    Plugin Support Chatoxz (a11n)

    (@chatoxz)

    Hi there, Thanks for sharing these additaonl details.

    I am glad to hear you managed to find a workaround. If you would like us to investigate the issue and attempt to find a solution, we’ll need more details on how you are adding these links. I reviewed your homepage, https://pivot-to-ai.com/, and apparently, the social icons are not the Jetpack icons. Are you using another block or plugin to add them?

    We’ll wait for your answer.

    Cheers,

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Egg shaped sharing icons’ is closed to new replies.