Make All Buttons Rounded

Topic summary

Problem: Rounded styling wasn’t applying to specific UI elements — email input/placeholder, size selector (dropdown), and login fields — on a Shopify store using the Stiletto theme (winnerofficial.com).

Context: The author had already rounded most buttons and text areas and shared multiple screenshots as visual references.

Solution provided: Add a custom CSS snippet directly in theme.liquid under the tag via Edit Code. A screenshot was shared to show where to paste it (the exact code block isn’t visible in the thread, but placement guidance was given).

Outcome: The change worked; the author confirmed success and expressed thanks.

Status: Resolved. No further questions or disagreements.

Notes:

  • Screenshots were used to illustrate the unrounded elements before the fix.
  • The key action was inserting CSS in the theme’s to target inputs/selects for rounded corners.
Summarized with AI on December 29. AI used: gpt-5.

Hello! I managed to make almost all the buttons and text areas on my website rounded but I can’t make the “e-mail placeholder”, the “Size selector” and the “Login area text (email and password)” rounded for some reason.

My theme is Stiletto and my website is www.winnerofficial.com

Visual reference:

I tried all the codes but nothing works!

1 Like

Hey @martujv ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

1 Like

It worked! You made my day, thank you!