Change button and border color

[silenceclothing]

Hello. 

I want to make my buttons transparent with a white border around. Does someone know how?

store url: https://ivo5yrwjs1s7i1qf-65389560005.shopifypreview.com

  

[Bundler-Manuel]

Hello there @silenceclothing  to make the buttons in your store transparent, you would find the codes in this thread very useful https://community.shopify.com/c/shopify-design/how-can-i-create-transparent-buttons-on-my-home-page/... 

As for the white border, you can check the reply marked as a solution here https://community.shopify.com/c/shopify-discussions/how-to-add-margin-or-white-border-to-sliders-in-... 

Let me know if you’re able to solve your issues with this!

[silenceclothing]

did not work

[PageFly-Richard · Accepted solution]

Hi @silenceclothing 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.banner__buttons a {
    cursor: unset !important;
    opacity: 1 !important;
    background: transparent;
    border: 1px solid #fff;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[silenceclothing]

thanks, it worked ! but the text inside of button on the other picture is still black, how can i make the text white and how can i remove the hover effect that makes the button border turn black on hover?