Button colour in idle state

Hi there,

I do not see the button on the page you linked, did you remove it?

Let me know 🙂

You have 2 global styles that share the same name but with different styles. They are overriding each other.
https://app.screencast.com/kDewcdYS1zCuJ

Can you check?

Go to generateblocks > global styles, can you check you have duplicated global styels?

Hi there,

Can you try editing the .gbp-button–primary global style and confirm that the background color is set correctly?

The hover state has this CSS on the demo site:

.gbp-button--primary:is(:hover,:focus) {
    background-color: rgba(123, 95, 232, 0.9);
    box-shadow: 0px 0px 20px 2px rgba(123, 95, 232, 0.5);
}

You’ve currently set this style for hover:

.gbp-button--primary:is(:hover,:focus) {
    background-color: #000000;
    color: #ffffff;
}

So edit the global style’s hover state, set background-color to rgba(123, 95, 232, 0.9), and add box-shadow.

If you don’t know how to do it, you can also provide your admin login, we can edit it for you.

It’s done, please check.

You are welcome   🙂