Where i can change the icon

i have a small problem i have changed the icons of same buttons on menu on mobile view but i cant find where i can change the icon of the filter wishlist and cart ?

Hello,

Do you mean Mobile bottom navbar? You need to upload images to the Media library and give me the image URL I will give you custom CSS.

Best Regards

okay thank you
Mobile bottom navbar i want change , this is the icon for
filter button : https://multipartyshop.com/wp-content/uploads/2021/12/funnel.png
this is for the wishlist: https://multipartyshop.com/wp-content/uploads/2021/12/wishlist.png
this is the cart : https://multipartyshop.com/wp-content/uploads/2021/12/trolley.png
and this is for the home page : https://multipartyshop.com/wp-content/uploads/2020/07/home.png

Hello,

Please insert the credentials into the Private content below the message area.

Best Regards

sure thank you

what can i do to find a solution regarding those icons ?

Hello,

I am sorry for the delay.

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    content: "";
	  display:inline-block;
	 width:20px;
	height:20px;
	background-image:url(https://multipartyshop.com/wp-content/uploads/2021/12/trolley.png);
	background-repeat:no-repeat;
	background-size:contain;
}
body .wd-header-wishlist .wd-tools-icon:before {
    content: "";
	  display:inline-block;
	 width:20px;
	height:20px;
	background-image:url(https://multipartyshop.com/wp-content/uploads/2021/12/wishlist.png);
	background-repeat:no-repeat;
	background-size:contain;
}
body .wd-sidebar-opener.wd-on-shop>a:before {
    content: "";
	  display:inline-block;
	 width:20px;
	height:20px;
	background-image:url(https://multipartyshop.com/wp-content/uploads/2021/12/funnel.png);
	background-repeat:no-repeat;
	background-size:contain;
}

Best Regards

no problem thank you is possible to change also those icons to https://prnt.sc/22a521l https://prnt.sc/22a5564 ? on top header to ?

Skip my last question because i found the solution thank you , i used this code

body .wd-header-cart .wd-tools-icon:before {
content: “”;
display:inline-block;
width:20px;
height:20px;
background-image:url(https://multipartyshop.com/wp-content/uploads/2021/12/trolley.png);
background-repeat:no-repeat;
background-size:contain;
}

body .wd-header-my-account .wd-tools-icon:before {
content: “”;
display:inline-block;
width:20px;
height:20px;
background-image:url(https://multipartyshop.com/wp-content/uploads/2021/12/protect.png);
background-repeat:no-repeat;
background-size:contain;
}

body .wd-header-search .wd-tools-icon:before {
content: “”;
display:inline-block;
width:20px;
height:20px;
background-image:url(https://multipartyshop.com/wp-content/uploads/2021/12/search.png);
background-repeat:no-repeat;
background-size:contain;
}

body .wd-header-cats .menu-opener-icon:after {
content: “” !important;
display:inline-block;
width:20px;
height:20px;
background-image:url(https://multipartyshop.com/wp-content/uploads/2021/12/options.png);
background-repeat:no-repeat;
background-size:contain;
}

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts