How can I create rounded corners on a registration page?

Topic summary

A user sought help creating rounded corners for the registration page box on their Shopify store, providing a screenshot and URL as reference.

Solution provided:

  • Navigate to Online Store → Edit Code
  • Locate the theme.liquid file
  • Insert custom CSS code just above the closing tag
  • The CSS targets registration form elements and applies border-radius styling

Outcome: The solution successfully resolved the issue. The user confirmed it “worked like a charm” and thanked the helper.

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

Hello, can anybody help me with this issue please? I want the box to be on the page rounded as in the screenshot below.

Issue can be found: https://pikastore.cz/account/register

Hi @pikastore ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

Worked like a charm. Thank you very much.

Enjoy your coffee :slightly_smiling_face: