How can I add a border around checkout text?

Solved

How can I add a border around checkout text?

emmawoolford
Tourist
15 0 0

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 🙂 IMG_8900.jpg

Accepted Solution (1)

ReturnPrime
Shopify Partner
438 63 102

This is an 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

View solution in original post

Replies 5 (5)

ReturnPrime
Shopify Partner
438 63 102

This is an 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
Tourist
15 0 0

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

 

Screen Shot 2022-09-13 at 13.49.28.pngScreen Shot 2022-09-13 at 13.49.34.png

PageFly-Victor
Shopify Partner
7865 1785 3076

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
Tourist
15 0 0

Hello there,

 

that didnt work for my 2nd question unfortunately 😞

PageFly-Victor
Shopify Partner
7865 1785 3076

Hi @emmawoolford !

 

Like this bro;

 

Screenshot_37.png