Home › Forums › WoodMart support forum › How to change colors of icons in header menu?

How to change colors of icons in header menu?

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • July 20, 2023 at 2:39 pm #482947

    nasir-2290
    Participant

    Hi,
    I want to change colors of search icon, wishlist icon, compare and my account. I tried a lot but couldn’t changed it myself. I also found same query of someone else but your one of team member replied about custom CSS for shopping cart that is not specific to my concern. However, Would you please guide me.
    Thanks.
    Regards,
    Nasir

    • This topic was modified 1 year, 7 months ago by nasir-2290.
    Attachments:
    You must be logged in to view attached files.
    July 21, 2023 at 2:09 am #483093

    Elise Noromit
    Member

    Hello,

    Please insert the site admin access into the Private content below the message area. We will provide custom CSS.

    Best Regards

    July 21, 2023 at 9:23 am #483147

    nasir-2290
    Participant

    Hi,
    Here is the login credentials for website.
    Thanks!

    July 22, 2023 at 9:31 am #483400

    nasir-2290
    Participant

    Hi, Waiting for reply..

    July 22, 2023 at 9:20 pm #483515

    Elise Noromit
    Member

    Hello,

    Unfortunately, I cannot log in to your site.

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

    body .wd-tools-icon:before {
color:red;
}

    Best Regards

    July 24, 2023 at 3:51 pm #483774

    nasir-2290
    Participant

    Hi,
    I am really sad about that you couldn’t logged in. I don’t know why? you are the first one who said this all other members never said this before. They also reply faster than you if you please refer this query to someone else I would appreciate it much. Because the above code still not working and I need urgent help on this.

    Thanks,

    Regards,
    Nasir

    Attachments:
    You must be logged in to view attached files.
    July 25, 2023 at 3:28 am #483902

    Elise Noromit
    Member

    Hello,

    When I try to go to the site, I see this: https://gyazo.com/d052b9e50583ad13625340b88674ff37

    When I try another browser I cannot insert any capture: https://gyazo.com/e25e1a36fbad8fc08f4b5a79668eaadb

    Please double-check.

    I check the code on the testing site and it works: https://gyazo.com/aae79cb53978f3018d7f0201783b4eb3

    Best Regards

    July 25, 2023 at 8:08 am #483919

    nasir-2290
    Participant

    Hi,
    why I am seeing this now?

    Attachments:
    You must be logged in to view attached files.
    July 26, 2023 at 1:12 pm #484282

    Elise Noromit
    Member

    Hello,

    This problem is not caused by WoodMart theme. Please contact the host support on this issue. As soon as your site is fully workable I will double-check the issue in the highest priority.

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

    Best Regards

    July 26, 2023 at 1:27 pm #484286

    nasir-2290
    Participant

    Thanks for replying. I contacted with Host it is because they didn’t configured site lock and that what caused the site get suspicious on Google Chrome. But I found out 19 infected files after scanning so I don’t know what is the actual reason of this Malware Hosting provider says it is malicious content/ code on your website.

    July 26, 2023 at 1:48 pm #484292

    Elise Noromit
    Member

    Hello,

    All the WoodMart files as well as the plugins included in the theme are clear. ThemeForest inspects the products thoroughly and never allows placing anything containing the malware.

    The problem could be caused by a customization or third parties plugin.

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

    Best Regards

    July 26, 2023 at 2:20 pm #484304

    nasir-2290
    Participant

    Hi,
    I appreciate you are guiding me, when you say third party plugins it is outside of wordpress.org repository or outside of your suggested plugins list.
    You know other plugins are also required to fulfill other requirements. I hope woodmart theme provide everything under one umbrella, don’t know, still learning about it. I really like Woodmart theme and my intend it to use in my future websites too. Please don’t close this topic. Once Google activate the website I still has to try colors in icon, the code you provided me.
    Thanks!

    July 27, 2023 at 2:18 am #484439

    Elise Noromit
    Member

    Hello,

    I will not close the topic, but it may be closed automatically some time later.

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

    Best Regards

    July 31, 2023 at 11:25 am #485315

    nasir-2290
    Participant

    Hi Elise,
    I hope you are doing well.
    Google has removed deceptive flag from website.
    Now, could you please try to login again and have a look to the icons color because it still same after adding your code in Global CSS. Doesn’t change anything. I have also attached screenshots for your understanding.
    You already have the login details.
    Thanks!

    Regards,
    Nasir

    Attachments:
    You must be logged in to view attached files.
    August 1, 2023 at 4:23 am #485546

    Elise Noromit
    Member

    Hello,

    You have inserted the code incorrectly: https://gyazo.com/d27b6d329a3286d21682ddd7e3b82217

    Now it works.

    Best Regards

    August 1, 2023 at 8:55 am #485562

    nasir-2290
    Participant

    Hi,
    Thanks It is working now. Could you please provide code for each icon. Because I don’t want all of them to be exactly same color.
    Thanks!

    August 1, 2023 at 9:52 am #485574

    nasir-2290
    Participant

    Hi,
    In addition to above question. I was playing around and somehow found out code to change icon colors except cart icon. I also added code to change color on hover and it is working but main navigation link hover color stop working. I attached screenshots as well
    I need your expert code as I need to change colors of each specific icons not all of them please advise me on it.
    Thanks!

    Attachments:
    You must be logged in to view attached files.
    August 2, 2023 at 9:28 am #485866

    nasir-2290
    Participant

    Hi,
    I am waiting for your reply for 23 hours 33 minutes.
    Thanks!

    August 3, 2023 at 1:27 am #486092

    Elise Noromit
    Member

    Hello,

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

    body .wd-header-search  .wd-tools-icon:before {
color:red;
}
body .wd-header-wishlist  .wd-tools-icon:before {
color:yellow;
}
body .wd-header-compare  .wd-tools-icon:before {
color:geen;
}

    Please replace the color as per your needs and remove the code provided earlier.

    Best Regards

    August 3, 2023 at 9:16 am #486136

    nasir-2290
    Participant

    Hi,
    Thanks above code is perfectly fine and it’s working but could you also provide code to change text color of MY Account as well. Attached screenshot of it.

    Thanks.

    Attachments:
    You must be logged in to view attached files.
    August 4, 2023 at 5:26 am #486390

    Elise Noromit
    Member

    Hello,

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

    .wd-tools-element.wd-header-my-account >a {
    color:red;
}

    Best Regards

    August 4, 2023 at 8:34 am #486399

    nasir-2290
    Participant

    Hi Elise,

    Thank you so much, You can close the topic.

    Best Regards,
    Naisr

    August 5, 2023 at 4:29 am #486673

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

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

The topic ‘How to change colors of icons in header menu?’ is closed to new replies.