adjust go to shop button

[Mohammad – SUPPORT]

Hi,
You can change those URLs in functions.php of your child theme.
Thanks
Mohammad

[Gizan86]

Fixed 🙂 thanks.

Final question:
I would like to replace the cart icon with a laundry basked:

http://www.flaticon.com/free-icon/laundry-basket_13215

I noticed I can replace the icon easily to other fa or ss icons in the functions.php: <i class="ss-cart"> but what is the best way to replace the cart icon to this custom laundry basked icon?

[Mohammad – SUPPORT]

Hi,
You can replace the icon with these icons http://fortawesome.github.io/Font-Awesome/icons/.

Thanks
Mohammad

[Gizan86]

Hi Mohammad, So it’s not possible to replace the icon with a small .png file?

[Mohammad – SUPPORT]

Hi,
Please upload this file through Admin -> Media -> Add New and give me full path of this image. After that i will give to you exact css code:-

Thanks
Mohammad

[Gizan86]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
This image size is very high. Please resize image to 16×16 px after that i can provide you right css.
Thanks
Mohammad

[Gizan86]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.shopping-bag-item a i {
    background: url("http://test.freshfolds.nl/wp-content/uploads/2015/03/mand.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block !important;
    height: 16px !important;
    margin-right: 4px;
    opacity: 1 !important;
    vertical-align: middle;
    width: 16px !important;
}

Thanks
Mohammad

[Gizan86]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
How can i add product in cart? Please explain the steps to add product in cart.
Thanks
Mohammad

[Gizan86]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
My colleague, Kyle will assist you shortly.
Thanks
Mohammad

[Kyle – SUPPORT]

Hi

You used this to change your shopping bag icon:

.shopping-bag-item a i {
    background: url("http://test.freshfolds.nl/wp-content/uploads/2015/03/mand.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block !important;
    height: 16px !important;
    margin-right: 4px;
    opacity: 1 !important;
    vertical-align: middle;
    width: 16px !important;
}

This effects the other icons

You should change it to:

.shopping-bag-item a.cart-contents i {
    background: url("http://test.freshfolds.nl/wp-content/uploads/2015/03/mand.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block !important;
    height: 16px !important;
    margin-right: 4px;
    opacity: 1 !important;
    vertical-align: middle;
    width: 16px !important;
}

– Kyle

[Gizan86]

Thanks!! Works great now..
Do you maybe also know why the animation of my icon reveal button on my homepage is broken? (see screenshot, or my website). That icon-reveal button in my revolution slider broke in half a while ago when updating my site. Mohammad gave me this custom css code to fix the broken button:

#rev_slider_8_1 a.sf-button.sf-icon-reveal{max-width:100% !important}

Since then the button is not broken in half anymore but my icon reveal animation is broken as you can see (so it is independent of the “cart-icon swap”)

Hopefully you can also help me with this final issue.
Thanks again.

Attachments:

You must be logged in to view attached files.