Archived topic

using picture in menu

3 replies · Started by Jacobien on April 30, 2020

Viewing posts 1–4 of 4

April 30, 2020 at 7:40 am #1263096

I use a photo instead of an icon in my menu. I did this as described in https://generatepress.com/forums/topic/add-image-to-primary-menu/. However when I hover over it it does not change color as the other menu items. (https://www.nicoletteanna.nl/nieuw/yoga/) I first use the font awesome plugin (as described in https://docs.generatepress.com/article/adding-icons-to-menu-items/) and use the home icon but this plugin makes a error on the website since the latest update.
Second it is to much on the top I try to fix this with CSS and Photoshop but without luck

Thanks in advance for the early reply. Kind regards Jacobien Mollema

April 30, 2020 at 11:08 am #1263625

Hi there,

you cannot change the color of a PNG / JPEG using CSS.
You would need to insert an inline SVG directly into the navigation label to do that.

May 1, 2020 at 7:02 am #1264723

Hi David, thanks for your answer. How do I insert an inline SVG directly into the navigation label?

May 1, 2020 at 7:06 am #1264726

You can open your SVG image in a text editor, IDE or this site:

And then simply copy the markup into the Navigation Label field in the Menu item

This archived topic is closed to new replies.