Return to previous page

Increase border and decrease text padding in ADD TO CART button

This topic has 9 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

civetcafe

Participant

February 9, 2018 at 16:04

Hello,

I would like to increase the boarder and decrease the text padding of the “add to cart” button of the product to be able to see the CART ICON beside the text.

http://prntscr.com/iceloi

Thank you in advance

Regards,

#184628 Copied

8 Answers
Rose Tyler

Support staff

February 9, 2018 at 16:28
Hello,

You may use this custom css code:
```
.content-product .product-image-wrapper .footer-product .show-quickly {
    border: none;
}
.content-product:hover .footer-product .add_to_cart_button {
    padding: 0;
}
```
Regards
#184629 Copied
civetcafe

Participant

February 9, 2018 at 17:14

Hello,

This code does not work.

The cart icon beside “AJOUTER AU PANIER” is still not fully visible

http://prntscr.com/iceloi

Regards,

#184646 Copied
Rose Tyler

Support staff

February 9, 2018 at 17:19
Hello,

Oh I see, please also add this code https://prnt.sc/icfrb9:
```
.home .footer-product .button:before {
    margin-left: 14%;
}
```
Regards
#184648 Copied
civetcafe

Participant

February 9, 2018 at 17:45

Perfect.

Thank you so much. 🙂

Regards,

#184650 Copied

civetcafe

Participant

February 9, 2018 at 18:29

Hello,

I would like to also do the same in the SHOP page

http://prntscr.com/icgrqd

Thank you

#184656 Copied
Rose Tyler

Support staff

February 12, 2018 at 08:33
Hello,

Please add this code in Theme Options > Styling > Custom css > Custom CSS for desktop (992px+):
```
.archive .footer-product .button:before {
   margin-left: 14%;
}
```
Regards
#184727 Copied
civetcafe

Participant

February 12, 2018 at 08:53

Thanks a lot.

Have a nice day.

Regards,

#184737 Copied

Rose Tyler

Support staff

February 12, 2018 at 10:57

You’re welcome!

Regards

#184782 Copied
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Increase border and decrease text padding in ADD TO CART button’' has been successfully resolved, and the topic is now closed for further responses

Increase border and decrease text padding in ADD TO CART button

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection