How can I add a border around checkout text?

[emmawoolford]

Hello there, I'm wanting to add a white box around the checkout text as shown. Exactly like the go to cart one. Thank you 🙂

[ReturnPrime · Accepted solution]

Hey  @emmawoolford   ,
Welcome to the Shopify community!
You can follow the instruction below:
Go to Online Store->Theme->Edit code->index.css->paste bellow code in bottom of file.

.quick-cart__buy-now {
    border: 1px solid #fff !important;
}
.quick-cart__buy-now:hover {
border: 1px solid #e1c4a7!important;
}

 If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

[emmawoolford]

Thank you so much! I was wondering if i could change the colour background when someone clicks like the checkout one, would like the colours to be the same not transparent image follows, thank you

[PageFly-Victor]

Hi @emmawoolford !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of Index.css under assets in theme code files:

a.quick-cart__buy-now btn btn--primary btn--medium btn--full visible {
border: 2px solid!important;
}

Best Regards;

Pagefly

[emmawoolford]

Hello there,

that didnt work for my 2nd question unfortunately 😞

[PageFly-Victor]

Hi @emmawoolford !

Like this bro;