change border color of button

[MT27]

Can you help me with the css code to make the border of the button grey. thank you

Pass: biangu

Url: www.matibrnd.com

[niraj_patel]

Hello @MT27 

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 </body> on theme.liquid
<style>

  #shopify-section-template--18448488431883__image_with_text_8mt88M .button {
    border: 1px solid grey !important;
 }
  #shopify-section-template--18448488431883__image_with_text_8mt88M .button:before{
      box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgb(98 94 94 / 95%) !important;
 }
 #shopify-section-template--18448488431883__image_with_text_8mt88M .button:after{
    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgb(98 94 94 / 95%) !important;
}
.button[aria-disabled="true"]{
cursor: pointer !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[PageFly-Henry]

Hi @MT27 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

.button:after{

    border: 3px solid grey !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Anshul_arora]

Hello @MT27 ,

I understand you are looking to provide a border to your "About Us" button.

You can implement this desired change with the help of CSS code.

Please add the below mentioned CSS code at the bottom of the theme.liquid file before </body> tag and save.

<style>

a.button.button--primary {
border: 5px solid grey;
}

</style>

Output =

I hope the code helps you.

Please let me know if you have any query.

Thank you.