Button border - Dawn

[INFRA]

Hi there,

I've changed the colour of my button but somehow it has a default border that shows on hover. Can I get rid of this?

Used below code for the change of color, tried to add 'border: none' but this didn't work.

.button:hover {
  background-color: #4b0059;
  color: white;
 
}

 

Website -  bottom section

password: waiheke

thanks!

[EBOOST · Accepted solution]

Hi @INFRA ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Assets/base.css
3. Add code below to end of file

body .button:hover:after {
		--border-offset: 0px!important;
	}

[GTLOfficial]

Hello @INFRA 
 Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.button,
--border-opacity: 0px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks