How can I add a border around checkout text?

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 :slightly_smiling_face:

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

1 Like

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

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

Hi @emmawoolford !

Like this bro;

Hello there,

that didnt work for my 2nd question unfortunately :disappointed_face: