Add colored border to the add to cart button

Add colored border to the add to cart button

jtorres
Explorer
66 0 17

Hello, I would like to add a black border to the add to cart button.

This is my current add to cart button:

Captura de pantalla 2022-07-05 a las 13.56.36.png

I want it to look like this: 

Captura de pantalla 2022-07-05 a las 13.56.14.png

This is my website: https://innovamaxx.co/products/gamer-onikuma-k1b-pro

 

Thanks for your help on advance!

 

 

Replies 5 (5)

ReturnPrime
Shopify Partner
483 67 108

Hey  @jtorres   ,
Welcome to the Shopify community!
You can follow the instruction below:
please add this to your CSS file. 

 

.single_add_to_cart_button {
    outline: 3px solid #000;
    color: #000;
    background: #75d66e;
}

 

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

jtorres
Explorer
66 0 17

Hey @ReturnPrime, It worked amazingly. Thank you very much for your help!

 

Could you also help me with this:

How can I make the selected text, light, instead of bold as it is?

Captura de pantalla 2022-07-05 a las 14.17.53.png

Link: https://innovamaxx.co/products/pm 

ReturnPrime
Shopify Partner
483 67 108

please add this to your CSS file. 

.swatch__title {
   font-weight: 400;
}

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

jtorres
Explorer
66 0 17

Thank you so much @ReturnPrime ! It worked perfectly!

 

Could I ask for a last favour.

 

How can I reduce the space in between this to texts:

Captura de pantalla 2022-07-05 a las 14.29.59.png

Link: https://innovamaxx.co/products/pm

ReturnPrime
Shopify Partner
483 67 108

please add this to your CSS file. 

 

.product-quickview .entry-summary>:not(:last-child), .sp-single .entry-summary>:not(:last-child), .type_featured-product .entry-summary>:not(:last-child) {
    margin-bottom: 10px !important;
}