Edit the look of the contact form on envy theme

Topic summary

A user seeks help customizing the contact form appearance on the Envy theme, specifically wanting to add rectangular borders around each input field.

Solution Provided:

  • Another user provides CSS code to be inserted in theme.liquid before the closing tag
  • The code successfully adds borders around form entries

Follow-up Request:

  • The original poster asks how to reposition the asterisks (*) on required fields to appear after the text labels with spacing, rather than their current position

Additional Guidance:

  • CSS code is provided to adjust asterisk positioning
  • For further asterisk customization on the contact page, editing the Liquid template file (contact.liquid or similar) is recommended

Status: The main border styling issue is resolved. The asterisk positioning requires template-level modifications beyond CSS.

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

Hi @flammagreg
Please put this code in theme.liquid before body closing tag


It will result in like this

Thanks!

1 Like