• Resolved Carsten Lund

    (@carsten-lund)


    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

    View post on imgur.com

    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 to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support ying

    (@yingscarlett)

    Hi Carsten,

    Can you try adding the WP core buttons block, does it behave the same? Let me know!

    Thread Starter Carsten Lund

    (@carsten-lund)

    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;
    }
    Thread Starter Carsten Lund

    (@carsten-lund)

    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.

    Thread Starter Carsten Lund

    (@carsten-lund)

    Ok, thanks for your help.

    Plugin Support ying

    (@yingscarlett)

    No problem 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Button block issue’ is closed to new replies.