Return to previous page

Add to Cart Button Shopping Cart Icon - by mlamike

This topic has 6 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Stan Russell

mlamike

Participant

March 16, 2016 at 02:04

Hi guys,

I would like to know if you can assist me in changing the Add to Cart button. I would like to change the color to red, add an icon of a shopping cart before the text, and white bold text. I would like the button to look like this example: Example Button. Any help would truly be appreciated.

Regards,

Mike

#117566 Copied Theme version: WooPress WooCommerce version: 2.5.5

5 Answers

Eva Kemp

Support staff

March 16, 2016 at 09:55

Hello,

Do you want to modify the button on single product page or on Shop page?

Regards,
Eva Kemp.

#117593 Copied

mlamike

Participant

March 16, 2016 at 12:26

Hi Eva,

Sorry, that would be the single product page.

#117614 Copied Theme version: WooPress WooCommerce version: 2.5.5
Eva Kemp

Support staff

March 16, 2016 at 13:05
Hello,

Please add this code in Global Custom CSS:
```
.product-information .cart button[type="submit"]::before {
    content: "\f07a";
    font-family: FontAwesome;
    padding-right: 10px;
}
.product-information .cart button[type="submit"] {
    width: 315px !important;
    background-color: red;
    font-weight: bold;
}
```
Regards,
Eva Kemp.
#117622 Copied
mlamike

Participant

March 20, 2016 at 17:56

Wow! Thank you, Eva, for this. Exactly what I needed!

#118150 Copied

Stan Russell

Participant

March 21, 2016 at 08:30

Hello mlamike,

you are welcome!

Regards,
Stan Russell.

#118169 Copied
Tagged: add to cart, best selling, persuasive, shopping cart icon, themes, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)