How to make button rectangle

> > I am looking to make the box on the home page back into a rectangle only my store buttons are round but I just want the one on home page to be rectangle for mobile and desktop

url knmb1c-pf.myshopify.com

password samurai

Hello @undercoverfresh ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
    border-radius: unset !important;
}

Let me know if you need further assistance!

the button shows up as rectangle but shows the outline on the other buttons

We went through the store and resolve the issue, Replace the css with Previous one.

.banner__buttons .button.button--secondary::after{
    border-radius:unset !important;
}

Let me know if you need further assistance!

1 Like

Worked thank you