Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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
    Joao

    #1290285

    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

    #1290340

    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, 9 months ago by bigamist.
    #1290829

    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

    #1290866

    Hi Nikko,

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

    Best Regards
    Joao

    #1290904

    Hi Joao,

    Glad we could help :)

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

    #1295322

    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, 8 months ago by bigamist.
    #1295414

    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

    #1295451

    Hi Nikko,

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

    Joao

    #1295463

    Hi Joao,

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

    Best regards,
    Nikko

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