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
  • #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.
    #359927

    Bogdan Donovan
    Keymaster

    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

    #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.
    #360423

    Bogdan Donovan
    Keymaster

    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

    #361493

    happyjupiter
    Participant

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

    #361584

    Bogdan Donovan
    Keymaster

    You are welcome!

    #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;

    #498923

    Bogdan Donovan
    Keymaster

    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

    #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.
    #498993

    Bogdan Donovan
    Keymaster

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

    Thank you in advance.

    #499437

    marwan.halawi
    Participant

    I have provided the necessary details,

    #499725

    Bogdan Donovan
    Keymaster

    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

    #499730

    marwan.halawi
    Participant

    Please retry, same credentials.
    Thank you

    #499815

    Bogdan Donovan
    Keymaster

    Hi,

    We tried again but unfortunately they are still not working

    Kind Regards

    #499834

    marwan.halawi
    Participant

    We have reseted the password.
    Please try again.

    #499882

    Bogdan Donovan
    Keymaster

    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

    #499902

    marwan.halawi
    Participant

    The problem is resolved, thank you

    #499989

    Bogdan Donovan
    Keymaster

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

    Kind Regards

Viewing 18 posts - 1 through 18 (of 18 total)

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