Hello, I have a button on my homepage that when I move my cursor over it there is a white outline. I want the button to be a black outline all the time so I am wondering if there is a way to alter this. website: tourbrand.us password: task1data When cursor is hovered over: [Screen Shot 2023-0…

Sure, you can add this to your CSS file. I guess it is the index.css file in your case. a.button.button--primary:hover { border: 2.5px solid black !important; }

Yup, you will have to unset the button color: @media screen and (min-width: 750px) .banner--desktop-transparent .banner__box { --color-button: none !important; }

Awesome it worked! thank you so much.

How can I change the hover effect outline color on my homepage button?

Store Design

tourbrandus May 31, 2023, 6:11pm 3

Thank you for your response.

There is still a white outline between the black and green.

Is that something that cannot be removed?

Topic		Replies	Views
Dawn Theme Static Banner Button REMOVE outline Store Design design , troubleshooting	5	92	April 13, 2023
Fix my Buttons Store Design css	3	50	January 6, 2025
Change button hovering style Store Design design	3	258	October 6, 2024
Remove outline on button :before and :hover Store Design design , customizations , css	2	86	October 7, 2023
How can I remove the hover white border around buttons? Store Design design , css	2	75	May 23, 2023

How can I change the hover effect outline color on my homepage button?

Related topics