Hi Carsten,
Can you try adding the WP core buttons block, does it behave the same? Let me know!
Hi Ying, the WP core blue button has a different behavior, and still not good. Btw. is there a way to inspect buttons when they are clicked to see where this styling comes from?
It’s very difficult to inspect on mobile, I can see the same behaviour on an iPhone with Safari and Firefox, but I don’t see it with Chrome. It’s likely a style added by the browser for a:focus and a:active .
Try adding this CSS to remove GB’s focus and active color:
a.gb-button:active, a.gb-button:focus {
color:unset !important;
}
Thanks for the snippet, the background turns black now, like the hover background color. I fixed it by changing to hover background color to the stationary red button color. Apparantly it is not possible to have another background color for hover without getting this issue.
The border-radius and padding also changes, should I add the padding and border radius from the block settings to the snippet to solve this?
For the border-radius issue, I don’t think there’s a way around it, it’s a style added by the browser, unfortruanly.
Ok, thanks for your help.