Title: Button block issue
Last modified: September 15, 2023

---

# Button block issue

 *  Resolved [Carsten Lund](https://wordpress.org/support/users/carsten-lund/)
 * (@carsten-lund)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/button-block-issue/)
 * Hi there, when I press on a GB button on a mobile device I see this issue if 
   I do not release the button right a way.
 * > [View post on imgur.com](https://imgur.com/6yCwKkb)
 * > [View post on imgur.com](https://imgur.com/ZFfE7f2)
 * It disappear after a second, but it does not look good.
 * Why does this white block around the text appear and how can I fix it?
 * Regards
 * Carsten
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbutton-block-issue%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Support [ying](https://wordpress.org/support/users/yingscarlett/)
 * (@yingscarlett)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/button-block-issue/#post-17054643)
 * Hi Carsten,
 * Can you try adding the WP core buttons block, does it behave the same? Let me
   know!
 *  Thread Starter [Carsten Lund](https://wordpress.org/support/users/carsten-lund/)
 * (@carsten-lund)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/button-block-issue/#post-17054738)
 * 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](https://imgur.com/HbxCFQK)
 * > [View post on imgur.com](https://imgur.com/9e1jYsU)
 *  Plugin Support [ying](https://wordpress.org/support/users/yingscarlett/)
 * (@yingscarlett)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/button-block-issue/#post-17054784)
 * 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:
 *     ```wp-block-code
       a.gb-button:active, a.gb-button:focus {
       	color:unset !important;
       }
       ```
   
 *  Thread Starter [Carsten Lund](https://wordpress.org/support/users/carsten-lund/)
 * (@carsten-lund)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/button-block-issue/#post-17054803)
 * 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](https://imgur.com/Kn0xxEy)
 * 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](https://imgur.com/ngcIFQG)
 *  Plugin Support [ying](https://wordpress.org/support/users/yingscarlett/)
 * (@yingscarlett)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/button-block-issue/#post-17054863)
 * For the border-radius issue, I don’t think there’s a way around it, it’s a style
   added by the browser, unfortruanly.
 *  Thread Starter [Carsten Lund](https://wordpress.org/support/users/carsten-lund/)
 * (@carsten-lund)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/button-block-issue/#post-17054866)
 * Ok, thanks for your help.
 *  Plugin Support [ying](https://wordpress.org/support/users/yingscarlett/)
 * (@yingscarlett)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/button-block-issue/#post-17054868)
 * No problem 🙂

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

The topic ‘Button block issue’ is closed to new replies.

 * ![](https://ps.w.org/generateblocks/assets/icon.svg?rev=3239461)
 * [GenerateBlocks](https://wordpress.org/plugins/generateblocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/generateblocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/generateblocks/)
 * [Active Topics](https://wordpress.org/support/plugin/generateblocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/generateblocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/generateblocks/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [ying](https://wordpress.org/support/users/yingscarlett/)
 * Last activity: [2 years, 8 months ago](https://wordpress.org/support/topic/button-block-issue/#post-17054868)
 * Status: resolved