icons

This topic has 62 replies, 2 voices, and was last updated 2 years, 6 months ago by Elise Noromit.

Viewing 30 posts - 1 through 30 (of 63 total)

1 2 3 →

Author

Posts
April 22, 2022 at 9:26 am #370076

enganas17
Participant

please I want to change this icon image, in the attachment, how can I!

Attachments:
You must be logged in to view attached files.

April 23, 2022 at 2:26 am #370346

Elise Noromit
Member

Hello,

Please advise what icon or image you want to replace and insert the site URL. You can replace this icon with a free FontAwesome icon or image uploaded to your Media library.

Best Regards

April 23, 2022 at 2:32 am #370349

enganas17
Participant

i showed you in the previous attachment what image icon want to change,
so after upload the icon in media, how can i use it and replace it

April 23, 2022 at 2:33 am #370350

enganas17
Participant

also please check to the other topics about installing the theme
am waiting

April 24, 2022 at 12:12 am #370541

Elise Noromit
Member

Hello,

I see the icons you want to change, my question is which icon or image do you want to replace the icons?

Please send your site URL and image URLs or code of FontAwosome icons.

Best Regards

April 24, 2022 at 12:59 am #370545

enganas17
Participant

please, can you be more clear, you can tell me if I can make this change on my side, or you have to make the change on your side, then I answer you

April 24, 2022 at 10:10 pm #370611

Elise Noromit
Member

Hello,

I will provide custom CSS to change this icon. I need an icon code or image URL to see how it would look and correct it if necessary.

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

Best Regards

April 24, 2022 at 10:19 pm #370613

enganas17
Participant

I still didn’t get what you mean,
Who will make the change, me or you
!!

April 26, 2022 at 12:06 am #370899

Elise Noromit
Member

Hello,

What icon do you want to see instead?

Best Regards

April 26, 2022 at 1:59 am #370912

enganas17
Participant

any icons in the attachment,
can you please answer my points

Who will make the change, me or you
!!
still didn’t answer me, please no more waste time

April 26, 2022 at 7:48 pm #371161

enganas17
Participant

Reminder
!!!

April 27, 2022 at 4:15 am #371239

Elise Noromit
Member

Hello,

Sorry, it is not possible. You can use custom items in the Mobile button navbar.

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

Best Regards

April 27, 2022 at 4:32 am #371241

enganas17
Participant

Is that question very hard for understanding,
can you please transfer this to other support!

I asked you who will make the change, me or you
!

April 28, 2022 at 3:24 am #371529

Elise Noromit
Member

Hello,

Unfortunately, we can hardly help without clear instructions and images provided.

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

Best Regards

May 16, 2022 at 5:48 pm #376275

enganas17
Participant

for shop icon:
this icon needs to replace
https://www.flaticon.com/free-icon/menu_4743041

May 17, 2022 at 3:22 am #376351

Elise Noromit
Member

Hello,

Please upload this image to the Media library and insert the site admin access into the Private content below the message area.

Best Regars

May 17, 2022 at 11:47 am #376426

enganas17
Participant

Can I replace it or can’t
!

May 18, 2022 at 1:03 am #376632

Elise Noromit
Member

Hello,

Please upload this image to the Media library and insert the site admin access into the Private content below the message area. I will give you custom CSS to replace it.

Best Regars

May 18, 2022 at 4:40 am #376665

enganas17
Participant

yes please send the custom CSS and I will replace it as you said,
with thanks

May 18, 2022 at 2:52 pm #376809

Elise Noromit
Member

Hello,

Please upload this image to the Media library and insert the site admin access into the Private content below the message area. I will give you custom CSS to replace it.

Otherwise I cannot provide code.

Best Regards

May 18, 2022 at 3:23 pm #376830

enganas17
Participant

yes you can provide the code and I will add the image code to the custom CSS

May 19, 2022 at 2:33 am #376991

Elise Noromit
Member

Hello,

I need at least your site URL. Please provide the same.

Best Regards

May 19, 2022 at 1:47 pm #377168

enganas17
Participant

Thanks

May 20, 2022 at 4:37 am #377366
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
.wd-toolbar-shop .wd-tools-icon:before {
    content: "\f146";
    font-family: "woodmart-font";
}
.wd-header-wishlist .wd-tools-icon:before {
    font-size: 20px;
    content: "\f106";
    font-family: "woodmart-font";
}
.wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    content: "\f126";
    font-family: "woodmart-font";
}
.wd-header-my-account .wd-tools-icon:before {
    font-size: 19px;
    content: "\f124";
    font-family: "woodmart-font";
}
```
This is the code for each item in your mobile menu, now you can add the image via CSS.

Best Regards
May 20, 2022 at 2:59 pm #377486

enganas17
Participant

Hi,
I think there is something not clear,

1) you send me the code for the header, and I don’t need any change on the header,
only for the mobile shop icon at the mobile bottom navbar,

2) also where do I have to add the icon via css:
.wd-toolbar-shop .wd-tools-icon:before {
content: “\f146”;
font-family: “woodmart-font”;

3) one more thing, there are two CSS codes when I want to copy it, one is (HTML image) and the other is (CSS background), so which one

Thanks

May 20, 2022 at 3:00 pm #377490

enganas17
Participant

4) and also i uploaded the icon to the media library, so should i need to copy the link

May 21, 2022 at 10:59 pm #377729

Elise Noromit
Member

Hello,

Please give us please the links for each image from the media library, I will correct the CSS.

Best Regards

May 22, 2022 at 1:13 am #377742

enganas17
Participant

again I want only to change the icon for the mobile shop icon at the mobile bottom navbar,

please check the link below,

with thanks

May 23, 2022 at 2:09 am #377860
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
.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;
}
.wd-header-cart .wd-tools-icon.wd-icon-alt:before {
color:transparent;
background-image:url(https://cartshot.com/wp-content/uploads/2022/05/menu.svg);
background-size: contain;
background-repeat:no-repeat;
}
```
The first code snippet relates to the shop page icon, and the second one relates shopping cart.

Best Regards
May 23, 2022 at 1:41 pm #378006

enganas17
Participant

thanks a lot
Author

Posts