How to get black border off of add to cart button

[WWJDWR]

Hi 👋 I am trying to figure out how to get the black box off of my frequently bought together apps add selected to cart button. It’s a weird black border around the button, you can see in the image attached. I was able to get it removed on desktop but on mobile the black box won’t go away…

If you know how to fix this I would greatly appreciate it!

[PageFly-Noah · Accepted solution]

Hi @WWJDWR 

This is Noah 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>
button.cbb-frequently-bought-add-button.button:hover {
border: 0 !important;
box-shadow: unset !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly