Change Field Border Color in Help Center | Community
Skip to main content

Change Field Border Color in Help Center

  • February 7, 2025
  • 2 replies
  • 0 views

I'd like to change the color of the border for fields on the ‘submit a request’ page, but I can't seem to find the right class for that element in the style.css to change the hex value- does anyone know where that color is specified in the CSS/which class needs to be edited?

2 replies

Hi, can you please confirm?  This is specifically related to the border color of fields when *not* in focus/moused over, in the default Copenhagen theme, if that was unclear.


Elaine14
  • May 24, 2025
Hi Scott,
 
To change the border color of the fields on the ‘Submit a request’ page in the default Copenhagen theme when the fields are not in focus or hovered over, you’ll want to target the input elements’ default state in your CSS.
 
Typically, the input fields on that page use the .request-form input, .request-form select, and .request-form textarea selectors. You can try adding something like this to your style.css:
 
.request-form input,
.request-form select,
.request-form textarea {
border-color: #yourDesiredHexValue;
}
 
This will change the border color for those fields when they’re inactive (not focused or hovered).
 
If you want to ensure the color changes only affect the fields when not focused or hovered, but keep the existing focus/hover styles, you can override the default border color while leaving the focus/hover styles untouched.
 
I hope that helps!