How to change the colour of the form border when pressed

Store Design
1

Hi there, I would like to change the colour of the border form when pressed from blue to purple #825cff. How do I do that?

Added photo for reference. I would like to do this on every form box, is there a fast way to do this?

Screen Shot 2021-09-22 at 8.28.58 58pm.png
Screen Shot 2021-09-22 at 8.28.58 58pm.png1208×778 18.7 KB

2

hii, @valajewels
Kindly share your store URL so,
I can solve your issue.
Thank You.

3

Hi there, https://valajewels.com/account/login is the URL from where that image was taken

1 Like
4

@valajewels

add the following code at the bottom of your assets/theme.css

.disclosure__toggle:focus, input:focus, select:focus, textarea:focus {
    border-color: #825cff !important;
}

Thanks!

5

Thank you for your help but it is still the same blue colour

6

@valajewels

Please share store URL!

Thanks!

7

here you are :slightly_smiling_face: https://valajewels.com/

8

@valajewels

Please share store password!

Thanks!

9

fotrai

10

@valajewels

add the following code at the bottom of your assets/theme.css

.focus-only:focus {
  outline: 2px solid #825cff !important;
}
11

I hate to be that person, but the colour hasnt changed :sob: