Home › Forums › WoodMart support forum › How to change the icon?

How to change the icon?

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • March 11, 2022 at 3:33 am #359762

    happyjupiter
    Participant

    Hi, How to change the shopping cart icon here? or is it possible to delete the icon?

    Attachments:
    You must be logged in to view attached files.
    March 11, 2022 at 12:52 pm #359927

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Hi,

    Since this icon is created with “woodmart” icon font, this icon can be replaced only with another icon that woodmart icon font has. For now, the only icon that has a similar purpose is “bag” icon. If you want to replace cart icon with bag icon, please tel us and we provide you with a custom code.

    If you want to remove icon completely try to use the following custom code:

    body .wd-add-btn-replace .add-to-cart-loop:before {
	display: none;
}

body .wd-add-btn-replace .add-to-cart-loop:hover span {
	transform: none;
}

    Kind Regards

    March 12, 2022 at 2:03 am #360063

    happyjupiter
    Participant

    Hi, thanks for replying!
    Is it possible to change it to a search icon?

    Attachments:
    You must be logged in to view attached files.
    March 14, 2022 at 7:36 am #360423

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings.

    body .wd-add-btn-replace .add-to-cart-loop:before {
	content: "\f130";
}

    Kind Regards

    March 17, 2022 at 1:45 am #361493

    happyjupiter
    Participant

    Hi,
    thank you for your help！You’re very helpful!
    Best Regards

    March 17, 2022 at 9:03 am #361584

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    You are welcome!

    September 24, 2023 at 12:36 am #498728

    marwan.halawi
    Participant

    Hello, since we are on the subject of changing icons;
    can you please tell me how to change my quick view icon to the eye icon from the woodmart icons list?
    this is the code the eye icon has:
    content: “\f11a”;
    font-family: “woodmart-font”;
    font-weight: 400;

    September 25, 2023 at 9:33 am #498923

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Hi

    Try to add the following code snippet to the Custom CSS area in Theme Settings to change the icon.

    body .wd-quick-view-icon > a:before {
	content: "\f11a";
}

    Kind Regards

    September 25, 2023 at 10:32 am #498941

    marwan.halawi
    Participant

    I added the recommended snippet and it still doesn’t work.
    Should i do something else apart from adding the code?

    Thank you in advance

    Attachments:
    You must be logged in to view attached files.
    September 25, 2023 at 12:13 pm #498993

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Please, provide us with your admin access, so we can log in and check this on your side.

    Thank you in advance.

    September 26, 2023 at 7:58 pm #499437

    marwan.halawi
    Participant

    I have provided the necessary details,

    September 27, 2023 at 5:53 pm #499725

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Hi,

    We have tried to log in to your site using the provided admin credentials, but it seems they are incorrect (screenshot https://prnt.sc/-tKJoc4x3Pz9). Please check it and provide the valid ones.

    Kind Regards

    September 27, 2023 at 6:05 pm #499730

    marwan.halawi
    Participant

    Please retry, same credentials.
    Thank you

    September 28, 2023 at 9:36 am #499815

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Hi,

    We tried again but unfortunately they are still not working

    Kind Regards

    September 28, 2023 at 10:07 am #499834

    marwan.halawi
    Participant

    We have reseted the password.
    Please try again.

    September 28, 2023 at 11:43 am #499882

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    It seems some text encoding issue was present in whitespace before “content:” in the custom code (https://prnt.sc/BRrYDZBrUUhs). We have reentered the code to the custom CSS area, saved theme settings, and now it seems working fine (https://prnt.sc/oJSt7SOYpr9S). Please check.

    Kind Regards

    September 28, 2023 at 12:21 pm #499902

    marwan.halawi
    Participant

    The problem is resolved, thank you

    September 28, 2023 at 3:32 pm #499989

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Please create a new separate topic with a detail description of your issue, and we will check it.

    Kind Regards

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘How to change the icon?’ is closed to new replies.