Make my buttons rectangular instead of circular on Envy theme

Store Design
, , , ,

Topic summary

Goal: Change all buttons from circular to rectangular in the Envy Shopify theme.

Context: The store owner requests a CSS/HTML solution and links their site (seraneeva.com).

Suggested approach: A reply advises editing the theme code:

  • Navigate to Online Store → Theme → Edit code.
  • Open theme.liquid and insert code above the tag.

Gap: The provided code block is empty, so no actual CSS/markup was shared. (Likely intended to add CSS that adjusts button styling.)

Notes:

  • theme.liquid is the main layout file in Shopify themes.
  • is the closing tag for the document’s head section where global CSS can be added.

Status: Unresolved. A concrete CSS snippet (e.g., modifying button border-radius) was not provided, so there’s no verified fix yet. Next step: supply the correct CSS and confirm whether it updates all button variants in the Envy theme.

Summarized with AI on December 28. AI used: gpt-5.
1

Hi guys, how can I make my buttons rectangles rather than circular on the Envy theme??? Any help would be greatly appreciated!! Website: seraneeva.com

2

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like