Skip to content
Public Ticket #8453

Custom icon in menu

Conversation thread

creamsbeauty replied

Customer Reply

Perfect, thank you very much.

PenciDesign replied

Staff Reply

Hi,

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,

PenciDesign

creamsbeauty replied

Customer Reply

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?

PenciDesign replied

Staff Reply

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

creamsbeauty started the conversation

Conversation Start

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!

Want to join this conversation or access attachments? Sign in first.