Change the colour of the border in a specific button

Hi,

I am trying to change to the colour of the border in a button when I hover over it, but I cannot find where to do it. Could you tell how to do it?

This is the button I mean:

This is the link of my website where the button is:

Best regards,
Marina.

Hey Marina,

If the color was not set in the Button element’s options, it’s surely done through CSS. First, inspect the Button’s Element CSS.

If the code is not there in the Button’s element CSS, it could be in the Row’s Element CSS.

You could give us WordPress Admin access in a Secure Note and we can help you find where the color was set.

Thanks.

Hi Marina,

Thank you for the credentials, Christian was right it was added to your Button’s Element CSS area, and its not a border but a box-shadow

$el.x-anchor-button:hover {
    box-shadow: 8px 8px #9d6672, 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
}

The color value there is the #9d6672, that’s the value you need to change.

hex color-picker
CSS Reference box-shadow

Hope it helps,
Cheers!

Hi,

Thank you so much, it worked.

Have a nice day,
Marina.

You’re welcome Marina!
We’re glad we are able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.