Cart icon the same on wishlist add to cart button

Hi

how can I make the icon on the mobile wishlist the same as in the header?

See Picture attached.

Thanks in advance

Attachments:

You must be logged in to view attached files.

Hello,

You can change this in Header Builder: http://prntscr.com/j4mvx0

Please navigate to Woodmart > Head builder http://prntscr.com/iyd2pe

Choose the proper header type (your current) http://prntscr.com/iyd333

Modify elements as per your needs: http://prntscr.com/iyd3h3

Best Regards

Hey Elise

sorry I dont want to adjust the icon in the header. I want to adjust it on the Wishlist (on the image attached at the bottom)

Do you understand what I want to do?

Hello,

Please add this CSS code to Theme Settings > Custom CSS > chose the proper width or put in global.

.woocommerce table.wishlist_table td.product-add-to-cart .add_to_cart:before {
content: “\f107”;
}
If you have any questions feel free to cotnact us.

Best Regards

Hi Elise

that did not work sadly ;-(- I attached an image, developer console gives an error cant update cart – maybe that has to do with it?

again the image

Attachments:

You must be logged in to view attached files.

Hello,

The console errors are never caused by CSS.

I have checked the code provided try to use other icon code

.woocommerce table.wishlist_table td.product-add-to-cart .add_to_cart:before {
   content: "\f120";
}

Also, put it not only to mobile but also to Custom CSS for mobile landscape and Custom CSS for tablet fields of custom CSS otherwise it will appear only on small devices.

Best Regards

Hey Elise

awesome that worked better, but how can I center align the icon and “add
to cart text” on the right to the icon?

I attached an image

Attachments:

You must be logged in to view attached files.

Hello,

In order to align icon in the middle correct the provided custom CSS

.woocommerce table.wishlist_table td.product-add-to-cart .add_to_cart:before {
   content: "\f120";
   display:block;
   margin:auto;
}

Add this CSS to Theme Settings > Custom CSS > Mobile

.woocommerce table.wishlist_table td.product-add-to-cart .add_to_cart{
    margin:auto;
}

Best Regards

Hi Elise

aligning the icon worked, thank you!

But how do I add “add to cart text” on the right to the icon?

Hello,

In order to add this text, you will need to customize files of Wishlist plugins, in addition, it will require more CSS to ensure a good view. Our support can provide minor CSS modification however we do not change the structure of third parties plugins templates.

Best Regards

[Author]

Posts