icons

I thought (header-cart) is not for the mobile bottom navbar,
but it is,
and the other same for wishlist and my-account

one important thing:
the code you sent for the shop icon is better and fast than if I upload the icon from setting>mobile bottom navbar
because I tried to upload it from the setting but when I make refreshed the page, the new icon image take a little bit of time to load, so the code you sent is better,
but you should fix the setting>mobile bottom navbar

thanks

one more thing, can you please send me the SVG for this cart,
please check the attachment,
or provide me the link from flaticon.com so I can buy it, please

Attachments:

You must be logged in to view attached files.

You are welcome! We are here to help.

Wish you a wonderful day!

Hello,

All the icons are textual.

content: "\f123";

Best Regars

So how can I add this cart icon to the mobile bottom navbar,
same in attachment

Attachments:

You must be logged in to view attached files.

Hello,

Please replace this code in the Theme Settings > Custom CSS > Global:

.wd-toolbar-shop .wd-tools-icon:before {
    content: "\f123";
    font-family: "woodmart-font";
}
.wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    content: "\f123";
    font-family: "woodmart-font";
}

Best Regards

Please create new topic for better convenience

Actually, this cart is not the same as the attachment

Hello,

Please replace this code in the Theme Settings > Custom CSS > Global:

.wd-toolbar-shop .wd-tools-icon:before {
content: “\f105”;
font-family: “woodmart-font”;
}
.wd-header-cart .wd-tools-icon.wd-icon-alt:before {
content: “\f105”;
font-family: “woodmart-font”;
}
Best Regards

This is a square icon, not a cart icon,
please check before sending

Hello,

Please remove all the code I provided earlier and then add this one:

.wd-toolbar-shop .wd-tools-icon:before {
content: “\f105”;
font-family: “woodmart-font”;
}
.wd-header-cart .wd-tools-icon.wd-icon-alt:before {
content: “\f105”;
font-family: “woodmart-font”;
}

Best Rgards

still not working and the icon is a square icon,
i use the below code for shop icon, because I need similar to this shop icon

Hello,

Remove this:

.wd-toolbar-shop .wd-tools-icon:before {
color:transparent;
background-image:url(https://cartshot.com/wp-content/uploads/2022/05/menu.svg);
background-size: contain;
background-repeat:no-repeat;
}

Add this:

.wd-toolbar-shop .wd-tools-icon:before {
content: “\f105”;
font-family: “woodmart-font”;
}
.wd-header-cart .wd-tools-icon.wd-icon-alt:before {
content: “\f105”;
font-family: “woodmart-font”;
}

Best Regards

I already removed and add the new code you sent, but I told you it does not work, so why do you send the same again,
I told you that still not working and the icon is a square icon,

one more thing,
you send the code for both buttons with the same icons (content: “\f105”)
why!

check the two attachments, for the icons needed

Attachments:

You must be logged in to view attached files.

Hello,

What icon you would like to change?

If you want to change shop page:

.wd-toolbar-shop .wd-tools-icon:before {
content: “\f105”;
font-family: “woodmart-font”;
}

If you want to change the shop cart, add this code:

.wd-header-cart .wd-tools-icon.wd-icon-alt:before {
content: “\f105”;
font-family: “woodmart-font”;
}

Best Regards

I told you that I would like to changing the shop icon and the cart icon,

and the codes you sent, do not work, and I attached the image to see the icon changing to square,

and you send the code for both buttons with the same icons (content: “\f105”),

please check the previously attachments

Hello,

This code replaces the shop cart icon:

.wd-header-cart .wd-tools-icon.wd-icon-alt:before {
content: “\f105”;
font-family: “woodmart-font”;
}

Do you want text icon for the shop or you would like to apply the image you provided? If you want the image, you should use this code:

.wd-toolbar-shop .wd-tools-icon:before {
color:transparent;
background-image:url(https://cartshot.com/wp-content/uploads/2022/05/menu.svg);
background-size: contain;
background-repeat:no-repeat;
}

Best Regards

I showed you the attached icons that I want for the shop icon and the cart icon, so if you have a text icon similar to my image, then send it,
also, I told you a lot of times that the code you sent for the cart icon not working and shows it as a square icon,

Hello,

You wanted this icon for the shop page: https://gyazo.com/f770797cacba755e0fc6d06c0e573482
and here is the code, I checked, it works:

.wd-toolbar-shop .wd-tools-icon:before {
color:transparent;
background-image:url(https://cartshot.com/wp-content/uploads/2022/05/menu.svg);
background-size: contain;
background-repeat:no-repeat;
}

And this icon you wanted for the shop cart: https://gyazo.com/c546feeac621ed00b2c576baa06fc1c2

You should use this code:

.body .wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    content: "\f105";
    font-family: "woodmart-font";
}

I have checked on your site it works: https://gyazo.com/46f811523aa7a348f63b48d448132319

If it does not work on your site, check the CSS code you have added into the Theme Settings > Custom CSS, most likely you have errors there.

Best Regards

for the cart icon, you change the code a little bit,

for the first code, it shows a square icon,

for the second code did not change anything,

but how do you get this icon from the screenshot to my website, I removed the code because not working,

one more thing, now I use the second code, and doesn’t have any changes

Hello,

Please add the code, and provide the screen of what you get.

Then provide the image URL you want to insert stead of the one that is now displayed for the shopping cart.

Best Regards

dear, I have already added the codes and already sent you the attached for the cart icon,
you can visit the site and see the icon doesn’t change,

Hello,

I am sorry, I cannot get clear instructions on how you want to change the mobile menu.

You can delete all the menu items in the Mobile button navbar, and add custom buttons, you can upload the image you want, and the URL you need.

If you have any questions please feel free to contact us.

Best Regards

me too I don’t know why make things confused,
I sent you the attachments, check them or ask another support person to check them,
because I don’t have time to repeat the questions multiple times,
everything easy from the beginning and you make it non-easy

the cart icon still didn’t work

one more thing, I told you previously if I add the icon from the theme setting when refreshing the page, the image icon delay to appear comparing with CSS code, you have to fix this issue before providing it in your theme,

Other-thing, I need the same cart icon, and this cant add it in the theme setting

please give a solution or someone else can check this issue as you didn’t get the point

Hello,

Please have a look at the screen: https://gyazo.com/c3114ec6af0d377c9d9f5e4b689a40f5 We do not have such icons.

We have this icon only: https://gyazo.com/40518ed9a17c85e5befefca8a1da4d0e

I have provided the code:

.body .wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    content: "\f105";
    font-family: "woodmart-font";
}

I check this code works: https://gyazo.com/46f811523aa7a348f63b48d448132319 the screen is made from your site.

If you want another icon you need to find and upload it to the Media library and I will correct the CSS.

Best Regards

are you serious,

These two icons in the first and second screenshots are the same!!!
and the code didn’t work,

Hello,

These icons are default: https://prnt.sc/oTTJT9xKhSH8

These icons are on your site after I have provided the code: https://prnt.sc/BFzL1sBRvAfN

The shop page icon is the icon you have provided. The shopping cart icon is the icon you show on the screen: https://gyazo.com/c3114ec6af0d377c9d9f5e4b689a40f5

I still cannot figure out what is wrong.

Best Regards

the cart icon still doesn’t work, the shop icon is okay
but the cart icon not,

i checked a lot of mobile devices,

Hello,

Could you kindly provide the screen from your cell phone?

Best Regards

check the attachment

Attachments:

You must be logged in to view attached files.

[Author]

Posts