Fix add to cart border right

[XtendShop123]

How can I fix this problem with right border in my Add to cart button?
Link: https://aece00-f4.myshopify.com/products/lascoota-kick-scooter-for-kids-ages-6-teens-adults-large-8-...

[BSSCommerce-B2B]

@XtendShop123, could you kindly share your store password? 

[XtendShop123]

Oh sorry, this is my store password: aublee

[BSSCommerce-B2B]

@XtendShop123,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code before </body>

<style>
.share-button__button.button {
    margin: auto 10px;
}
</style>

[XtendShop123]

@BSSCommerce-B2B , thank you it worked. But I don't want my add to cart button to shrink in width.

[BSSCommerce-B2B · Accepted solution]

@XtendShop123 ,  you can change the previous code like this:

<style>
.productView-share.style-2 .share-button__button {
    height: 50px;
    margin: auto 10px;
    padding: 0!important;
}
</style>

Result:

[XtendShop123]

Thanks! that worked 🙂

[BSSCommerce-B2B]

@XtendShop123 , Glad to help you bro 😍

[BSS-TekLabs]

hello @XtendShop123 . can you share your password

[BSS-TekLabs]

- Here is the solution for you @XtendShop123 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media only screen and (min-width: 600px) {
button.share-button__button.button {
    margin-left: 15px !important;
}
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSS-TekLabs]

<style>
@media only screen and (min-width: 600px) {
button.share-button__button.button {
        z-index: -1 !important;
}
}
</style>

Or can you try this code @XtendShop123