Add to Cart Button Alignment and change to icon

sycshk · May 2017

Hi there, is it possible to remove "add to cart" text and replace with cart icon. And also align it next to the product names and price instead?

Screenshot explainer http://prnt.sc/f3g3ir

Bryan · May 2017

Hi,

You cannot remove it but you can change the icon in theme options>blog,portfolio&shop>shop. It is at the bottom of the page.

Please send a link to your page.

thanks

sycshk · May 2017

I have tried but it's not having an icon. It still shows only the "Text".

Bryan · May 2017

Please send a link to your page.

sycshk · May 2017

https://www.tastinghk.com/en/product-category/whiskey/

Bryan · May 2017

there is a basket icon http://prntscr.com/fb45ke
is this what you wanted ?

sycshk · May 2017

No, I need add to cart basket icon. If its not possible, I would like to center align add to cart.

Bryan · May 2017

But on the screen I send you, there is a basket icon. If you want another icon change the icon in theme options>blog,portfolio&shop>shop. It is at the bottom of the page.

sycshk · May 2017

No, you have the wrong interpretation. Your basket is the whole shopping basket. I need add to cart button below the picture aligned in the middle.

http://prntscr.com/fdo06s

sycshk · May 2017

This is the photoshop effect of the result I want.

https://prnt.sc/fdo0lw

Bryan · May 2017

Ok, now I understand, please use this css

.woocommerce ul.products li.product {
	text-align: center !important;
}

sycshk · May 2017

Works great. Is possible to add an icon before the add to cart word then? Like a basket?

Bryan · May 2017

No sorry, there is not

Add to Cart Button Alignment and change to icon

Comments