Plugin Support
ying
(@yingscarlett)
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?
View post on imgur.com
View post on imgur.com
Plugin Support
ying
(@yingscarlett)
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.
View post on imgur.com
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?
View post on imgur.com
Plugin Support
ying
(@yingscarlett)
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.