[Support request] Latest WordPress Update Issue

[David]

My tests show that :visited color is being set to #fff after clicking which is what that CSS does.
But, Ill have one of my colleagues take a look to confirm.

[Luke]

OK, if it’s working for you, then it’s probably fine.

[Tom]

Looks good to me. Can you share a screenshot of what you’re seeing?

[Luke]

Hi.

I wanted to take a screenshot but it didn’t work. Each time the window for taking screenshots appeared on the page the text on the buttons reappeared again 🙂

But I’m sending the screenshot of the CSS code that I placed on my site. Does the code look OK?

I tested buttons on a different page this time. There are 2 blue buttons and one red button at the bottom of the page. When I clicked the blue buttons the text disappeared and reappeared once I hovered over the buttons. But when I clicked the red button, the text became blue and when I hovered over the red button then the text became white again.

If you don’t notice the same issue on your end that means that it’s either caching on my end or maybe one of the plugins is causing this issue. But it started happening when I updated WordPress to the latest version. And for some reason it doesn’t happen to all the blue buttons that I created on the blog although I create all of them in the same way.

I think I’ll leave it as it is and from now on I’ll be creating buttons using GenerateBlocks.

[David]

That CSS is correct, and i can confirm that is being applied when we view the site.
What happens if you open the site in an Incognito/Private browser ? Do you still have the issue ?

[Luke]

OK, I’ve noticed how it works now. Doesn’t matter if it’s incognito or not, the same thing happens. When I click the button, then the text disappears (I think the text becomes blue then and that’s why I cannot see it because it’s the same color as the button color). However when I click the mouse, not necessarily on the button (the mouse cursor may be anywhere on the page), then the text on the button reappers and stays there.

1. I click the button and the text disappears.
2. I put the mouse cursor wherever I want to on the page (it doesn’t matter where) and click once and then the text on the button appears again and stays there.

So it looks like after I click the mouse once the text appears on the button again. 🙂

[David]

Its odd, as that would mean the browser is ignoring ALL of the buttons styles and defaulting to the default link color.
You could try this CSS instead as that forces all :pseudo states of the button to be white.

a.wp-block-button__link:hover,
a.wp-block-button__link:visited,
a.wp-block-button__link:active,
a.wp-block-button__link:focus {
    color: #fff !important;
}

[Luke]

Yes, it looks like this code is finally working. But it all happened because of the latest upgrade to WordPress 6.1.1. Before the update everything worked properly. Thanks for helping me out! I think it’s best to start using GenerateBlocks from now on. Maybe such problems won’t be happening again. 🙂

[David]

WP has a habit of updating their HTML and CSS, which leaves some of your existing content unstyled. Which can be frustrating.

Glad to be of help

[Author]

Posts