How can I delete add to cart button boarder and make button font bold in Symmetry theme?

Topic summary

A user seeks to remove the border from Add to Cart (ATC) buttons and make the button text bold in the Symmetry theme.

Solutions Provided:

  • Multiple responders suggested adding custom CSS code to the theme.liquid file
  • The recommended approach: insert CSS styling before the </head> tag that sets border: unset and font-weight: bold for the submit button
  • The initial solution successfully worked for the main ATC button

Outstanding Issue:

  • The sticky Add to Cart button still displays the border and regular font weight
  • User is asking how to apply the same styling to the sticky ATC button

Additional Question:

  • User inquired about the difference between placing code before </head> versus </body> tags and potential impact on loading times
Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

Hi there, I’m trying to get rid of the button boarder of my ATC buttons and make the button font bold. I’m using Symmetry Theme. Please help :folded_hands:

1 Like

Hi @ecom36 , kindly share your store URL please. Thanks!

Hello @ecom36

You can add code by following these steps

  1. Go to Online Store β†’ Theme β†’ Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product-form .quantity-submit-row .quantity-submit-row__submit button[type=submit] { border: unset !important; font-weight: bold !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

Hello @ecom36
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

  1. Go to Online Store β†’ Theme β†’ Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

https://f48891-70.myshopify.com/password

PW: peter

@ecom36 .

  1. Go to Online Store β†’ Theme β†’ Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

This worked, thanks for your quick help!

Is there a difference between posting code above the head section or down above the body section? Does placing code before head section affect loading time or anything? The above solution from Websenspro worked, so curious to know what the difference between the both is.

Hi there,

it’s still visible on the sticky add to cart button, and the font here is also still regular instead of bold. How can I also update the sticky ATC?