Make contact form more elegant - Dawn theme

Store Design
, , , ,

Topic summary

A store owner sought to improve the appearance of their contact form in the Dawn theme, wanting rounded edges and a more modern, elegant design.

Solution Provided:

  • Custom CSS code was shared to round the edges of input fields and select elements
  • The code targets .field, .select, and .localization-form__select elements with a 10px border-radius
  • A screenshot demonstrated the visual improvement after applying the code

Outcome:

  • The solution was successfully implemented and confirmed working
  • The contact form now has a more polished appearance with rounded corners

Additional Note:
The helper also noticed missing breadcrumbs on the site and offered a separate solution for that issue, inviting further questions if needed.

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

Hello

I would like to make the contactform more elegant, really want to fresh it up to more fancy like the ugly one who are now included in the theme. Maybe some round edges and so on, something who fit my page. :slightly_smiling_face:

How can that be made?

Store url:

www.dekanten.no

1 Like
2

Hi @Dekanten

I checked your website. Nice perfumes are there :slightly_smiling_face:

I crate a solution for you, you can add the following css code in your website to round edge the input fields.

If you find the solution helpful, gives a thumbs up :slightly_smiling_face:

.field:hover.field:after, .select:hover.select:after, .select__select:hover.select__select:after, .customer .field:hover.field:after, .customer select:hover.select:after, .localization-form__select:hover.localization-form__select:after{
    border-radius: 10px;
}
.field::after{
    border-radius:10px;
}

I attached a screenshot, how it looks after code apply.

After code apply the looks will like that.
After code apply the looks will like that.1505×815 31 KB

1 Like
3

Thank u so much for that, this works as a charm. Big thank u again for this, this looking more better now. Great to see the results. :slightly_smiling_face:

1 Like
4

Hi @Dekanten

I am very happy to hear that my support helped you. :slightly_smiling_face:

One thing I saw in your website, that’s breadcrumbs are missing. You can try my breadcrumbs code solution in BuyMeACoffee page.

If you have any more question feel free to ask. :slightly_smiling_face: