Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 24, 2021 at 11:04 am #1290061
    bigamist

    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
    Joao

    March 25, 2021 at 5:23 am #1290285
    Nikko

    Hi 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,
    Nikko

    March 25, 2021 at 10:42 am #1290340
    bigamist

    Olá 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.jpg

    Can you please explain to me how the CSS and HTML works on the Menu Button?
    https://brancadeneve.org/onlinefiles/Enfold_2.jpg

    Thanks and Rgds
    Joao

    • This reply was modified 3 years, 7 months ago by bigamist.
    March 28, 2021 at 9:52 am #1290829
    Nikko

    Hi 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,
    Nikko

    March 28, 2021 at 1:15 pm #1290866
    bigamist

    Hi Nikko,

    Thanks a lot. Works perfectly, just as I wanted.

    Best Regards
    Joao

    March 28, 2021 at 2:15 pm #1290904
    Victoria

    Hi Joao,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 19, 2021 at 6:28 pm #1295322
    bigamist

    Hi 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.jpg

    The 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, 7 months ago by bigamist.
    April 20, 2021 at 5:34 am #1295414
    Nikko

    Hi 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,
    Nikko

    April 20, 2021 at 8:51 am #1295451
    bigamist

    Hi Nikko,

    Thanks again mate, what a stupid thing. I think that I will return to Firefox.
    Best Regards

    Joao

    April 20, 2021 at 9:37 am #1295463
    Nikko

    Hi Joao,

    You’re welcome :)
    We’re glad that we could help.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.