Make outline of field boxes darker on contact form/page?

Store Design
, ,

Topic summary

A user needed help making the input field borders more visible on their contact form, as the default styling in the Dawn theme made them too light and hard for customers to notice.

Solution provided:

  • Add CSS code to either the base.css file or a custom CSS section
  • The code targets textarea and input fields with the .field__input class
  • Sets a darker border color (#484848) using !important to override existing styles

Outcome:

  • The original poster successfully applied the CSS directly to their form
  • Another user confirmed the solution worked by adding it to the Contact page’s Custom CSS section

The issue is resolved with a working CSS customization.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hi,

Could anyone help? The boxes on my contact form are very bright and not very noticeable for the customers. Can these be made a bit darker?

Using Dawn theme:

https://www.generationaudio.co.uk/pages/contact

Thanks :slightly_smiling_face:

1 Like
2

hey @Gen-Audio

If the theme has no setting to update the color then you need to change the color from the base.css or if you have a custom css file then you can add this in that file.

textarea.field__input, input.field__input {
    border: 1px solid #484848 !important;
}
1 Like
3

This worked perfect! Applied the css in the form. Thanks for your time, much appreciated :slightly_smiling_face:

1 Like
4

I added it directly to the Contact page in the Custom CSS section and it worked perfectly. Thank you for your time and expertise.