-
Hi
https://tinyurl.com/26vvghjk
plese check this screenshot link1. i want to add icons in front of menu item ” Resources ” and ” Get a Quote” like this https://tinyurl.com/2bq2fder，https://tinyurl.com/23ept8tw please help me to figure out the steps?
2. I want to add the background on the menu item “Get a quote” like this effect https://tinyurl.com/24clu3pd, please help me to figure out the steps?
3. how to add these portable icons to navi menu like this https://tinyurl.com/2yc78aoe?
Looking forward to get reply soon
Best regards
Paul -
Hello,
1. you can add the SVG icon HTML to the menu item label field at appearance > menus, then you will need some CSS to adjust the SVG icon size.
2. try this CSS:
li#menu-item-3335 a { background-color: orange; border-radius: 50px; line-height: 2em; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); }3. create block element – hook, set the hook name to
menu_bar_items, just like what you did for the phone/whatsapp container. -
Hello
Thanks for the reply.
1. If adding a background color to the menu item, only only do that by adding CSS code in Additional CSS of Custoimze? Can I do that directly from the generatepress template features?
2. I’m sorry that I still can not get the steps how to add SVG icons to the menu items? please explain more in demo steps?
-
Hi there,
Yes, the only way to add a background color to the menu item is through CSS, as there is no option to do so within the GeneratePress UI settings.
We have documentation on how to add an icon to the menu item; you can refer to it here:
https://docs.generatepress.com/article/adding-icons-to-menu-items/ -
Yes, the only way to add a background color to the menu item is through CSS
Thanks for confirmation and I GOT YOU.
Yes, already checked the file, thanks
One answer for one question, it is simple
Thanks all
-
No problem!
-
hi , sory
all css are there in additial CSS
why the background color disappear on the menu https://tinyurl.com/23q8enld
where is the problem? pls help to figure out, thanks
-
It looks like there are some CSS errors present. Could you provide temporary admin login credentials so I can check the backend more closely?
-
yes, already told you in other dialog box
-
The password you provided is incorrect, could you please verify it?
- You must be logged in to reply to this topic.