Comments creamsbeauty started the conversationJune 18, 2019 at 3:29pmHello! I would like to add my own custom symbols to the menu bar on top of the blog, as well as to the hamburger menu on the right. I only found the instructions for adding microsoft symbols, but I would like to add my own, which I have as .png files. Also is it possible to have the symbols light up with the word when I hover the mouse over them? Thank you! 2,699PenciDesign repliedJune 19, 2019 at 2:49amHi,Please check guide for this here - on "How to add icons to your menu?"For hover question, it based on your settings. You can set a color for normal and another color for hover for change it like the effect as you want.Best Regards,PenciDesigncreamsbeauty repliedJune 19, 2019 at 5:30amHello thank you. As I said below, I have seen this information, but I would like to add my own custom symbols. How do I do this? 2,699PenciDesign repliedJune 19, 2019 at 7:54amHi,If you want to add your custom icon .png file, please use this code: <img src="your_image_url" >and put it like on the guide - on the guide, we're using <i> tag - with your case, you will be use the HTML as I said above.Note: Change your_image_url on the above code to your image URL.Check this guide to know how to get the URL of Images You Upload in WordPress:https://www.wpbeginner.com/beginners-guide/how-to-get-the-url-of-images-you-upload-in-wordpress/But, if you use image for create icons. You will not able to change the color of that icon.Best Regards,PenciDesigncreamsbeauty repliedJune 19, 2019 at 8:30amPerfect, thank you very much. Sign in to reply ...
Hello!
I would like to add my own custom symbols to the menu bar on top of the blog, as well as to the hamburger menu on the right.
I only found the instructions for adding microsoft symbols, but I would like to add my own, which I have as .png files.
Also is it possible to have the symbols light up with the word when I hover the mouse over them?
Thank you!
Hi,
Please check guide for this here - on "How to add icons to your menu?"
For hover question, it based on your settings. You can set a color for normal and another color for hover for change it like the effect as you want.
Best Regards,
PenciDesign
Hello thank you. As I said below, I have seen this information, but I would like to add my own custom symbols. How do I do this?
Hi,
If you want to add your custom icon .png file, please use this code:
and put it like on the guide - on the guide, we're using <i> tag - with your case, you will be use the HTML as I said above.
Note: Change your_image_url on the above code to your image URL.
Check this guide to know how to get the URL of Images You Upload in WordPress:
https://www.wpbeginner.com/beginners-guide/how-to-get-the-url-of-images-you-upload-in-wordpress/
But, if you use image for create icons. You will not able to change the color of that icon.
Best Regards,
PenciDesign
Perfect, thank you very much.