How can I fix a button border on the Dawn theme?

Store Design
1

hi, how can i fix it?

the dynamic button “BUY NOW” border is 24px,

cannot find it at the code.

anyone can help me to figure it out please?

MYKjewelry_1-1689622049009.png
MYKjewelry_1-1689622049009.png423×158 3.43 KB

1 Like
2

Hi @YMKjewelry ,

Can I take a look? would you mind to share your URL website? Thanks!

3

https://brebojewelry.myshopify.com/

1 Like
4

Hi @YMKjewelry ,

Thank you for the information. Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw:after {
    display: none;
}

Result:

Ribe_Dagandara_0-1689628610820.png
Ribe_Dagandara_0-1689628610820.png451×250 7.68 KB

i hope it help.

5

Worked!

thanks!

any idea how it happens?

1 Like
6

Welcome! There is an extra psuedo class ::after insert some content with a border. I dont understand why insert some extra border on that when it can make on the button. :sweat_smile: