Gutenberg button color

  • Hi, how can we change the default color of default WP Gutenberg buttons in OceanWP?

    I’m trying to add a hover effect:

    /* Button hover */ .wp-block-button__link:hover { background-color: #4ccee6; color: #bb00bb; }

    That only works if I don’t set a color for the button so how can we set the default global color for all our buttons? I can’t see that option in your theme, thanks.

    • This topic was modified 11 months, 1 week ago by Manu.
    • This topic was modified 11 months, 1 week ago by Manu.
Viewing 1 replies (of 1 total)

  • Hello @manuxx34,

    We don’t have any customization for buttons in the block editor.
    I’ve activated Twenty Twenty-Four theme and deactivated all plugins, by default, the buttons don’t have any styling on hover. So it needs custom CSS.

    Regarding the CSS you wrote, you can add “!important” for them to make it stronger, and then it should work. So instead of that, use the CSS below:

    /* Button hover */
.wp-block-button__link:hover {
    background-color: #4ccee6 !important;
    color: #bb00bb !important;
}

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes.

    I hope it helps,
    Best Regards

Viewing 1 replies (of 1 total)
  • The topic ‘Gutenberg button color’ is closed to new replies.