How to Eliminate Square Button Borders for Rounded Buttons in a Shopify App

Solved

How to Eliminate Square Button Borders for Rounded Buttons in a Shopify App

abmeyer1987
Tourist
8 0 3

I would like to eliminate the tan square borders on the rounded buttons for my "Track Your Order" page, which is powered by the Track 123 app in Shopify. I attached a picture below for reference. My website url is americanessiactea.com and I'm using the Dawn theme.

 

abmeyer1987_0-1739302204694.png

 

Accepted Solution (1)

AnneLuo
Shopify Partner
1293 228 266

This is an accepted solution.

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 before the </head> tag

<style>
button#track123_submit_button:after {
  box-shadow: unset !important;
}
</style>

Result:

AnneLuo_0-1739320460388.png

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

Reply 1 (1)

AnneLuo
Shopify Partner
1293 228 266

This is an accepted solution.

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 before the </head> tag

<style>
button#track123_submit_button:after {
  box-shadow: unset !important;
}
</style>

Result:

AnneLuo_0-1739320460388.png

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee