-
AuthorPosts
-
March 24, 2021 at 11:04 am #1290061
Hi,
I have a normal top Menu. I would like to customize one of the sub-menu items, making it appear “Bold and in other color”. Tried to do it in the HTML Tittle but not working. Any help?
Thanks & Regards
JoaoMarch 25, 2021 at 5:23 am #1290285Hi João,
Can you try to go to Enfold > Advanced Styling > (Select an element to customize) choose Small bar above Main Menu, click Edit Element button.
This should open up a box below it for styling Top Menu (just adjust it).
If that does not help, please give us a link to your site.Best regards,
NikkoMarch 25, 2021 at 10:42 am #1290340Olá Nikko,
Thanks for your reply.
My website is : https://brancadeneve.org/inicio
Look this image to see what I need to do, I do not want to edit all, just one of the sub-buttons.
https://brancadeneve.org/onlinefiles/Enfold_1.jpgCan you please explain to me how the CSS and HTML works on the Menu Button?
https://brancadeneve.org/onlinefiles/Enfold_2.jpgThanks and Rgds
Joao- This reply was modified 3 years, 9 months ago by bigamist.
March 28, 2021 at 9:52 am #1290829Hi Joao,
Thanks for the links and screenshots.
For the Title, it will add a title attribute which will show up once you hovered over the menu item.
As for class, it will add a class attribute which can be used for CSS in order to change the styling.
Please try adding this CSS code in Enfold > General Styling > Quick CSS:#top #menu-item-409 a { background-color: red; color: white; }
Best regards,
NikkoMarch 28, 2021 at 1:15 pm #1290866Hi Nikko,
Thanks a lot. Works perfectly, just as I wanted.
Best Regards
JoaoMarch 28, 2021 at 2:15 pm #1290904Hi Joao,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaApril 19, 2021 at 6:28 pm #1295322Hi Nikko,
Sorry but I tried to replicate the code on other similar website but is not working.
Look here what I need to do similar to the Branca de Neve here up: https://cspspsje.pt/CSP_Menu.jpgThe adress of the page is: https://cspspsje.pt
I use the following code but is not working at all. What I’m doing wrong?
#top #menu-item-1847 a { background-color: red; color: white; }
Thanks & Regards
Joao- This reply was modified 3 years, 8 months ago by bigamist.
April 20, 2021 at 5:34 am #1295414Hi Joao,
Thanks for providing the screenshot and link, I have checked on the page and the code is working (I could verify it’s the correct menu item number).
Here’s a screenshot I got on my end: https://imgur.com/QGFgBoc
Can you try to clear your browser’s cache? or if you’re using chrome, please try incognito mode.Best regards,
NikkoApril 20, 2021 at 8:51 am #1295451Hi Nikko,
Thanks again mate, what a stupid thing. I think that I will return to Firefox.
Best RegardsJoao
April 20, 2021 at 9:37 am #1295463Hi Joao,
You’re welcome :)
We’re glad that we could help.Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.