Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

[Resolved] Main menu text bold on hover

Home Forums Support [Resolved] Main menu text bold on hover

Home Forums Support Main menu text bold on hover

  • This topic has 5 replies, 2 voices, and was last updated 5 years ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #244204
    Giovanni van Heusden

    Hi Tom,

    I have installed a freefont and used @fontface, this works fine.

    I want to make the text in the main menu bold, when active and on hover.

    When I change CSS code in firebug, it works but not when I paste in in editor.

    I also used !important.

    Can’t figure it out, can you help?

    Thanks

    This is the code:

    .main-navigation .main-nav ul .current-menu-item > a, .main-navigation .main-nav ul .current-menu-parent > a, .main-navigation .main-nav ul .current-menu-ancestor > a, .main-navigation .main-nav ul .current-menu-item > a:hover, .main-navigation .main-nav ul .current-menu-parent > a:hover, .main-navigation .main-nav ul .current-menu-ancestor > a:hover, .main-navigation .main-nav ul .current-menu-item.sfHover > a, .main-navigation .main-nav ul .current-menu-parent.sfHover > a, .main-navigation .main-nav ul .current-menu-ancestor.sfHover > a {
    background-color: #ffffff;
    font-family: fontin_sans_rgbold;
    }

    #244276
    Tom
    Lead Developer
    Lead Developer

    Can you link me to your site with that CSS added? I don’t see anything wrong with it at first glance.

    #244760
    Giovanni van Heusden

    Hi Tom,

    I am building the site locally, so I can’t send you a link.

    I pasted the custom CSS at the top of the CSS file.
    This worked partially. The active state text is now Bold.
    Only when I hover over the button the font stays normal, on click it become bold.

    screen
    On hover the about us should also become bold.

    Thanks

    #244865
    Tom
    Lead Developer
    Lead Developer

    Hmm, I’m afraid there’s just too many things that could cause something like that – it’s impossible to guess without seeing the actual page.

    Try using the developer tools inside your browser to inspect the element – it might show you which CSS is overwriting it.

    #245055
    Giovanni van Heusden

    Hi Tom,

    The site is in production so it’s ok.
    If I don’t figured it out then I will ask again when site is live.

    Thanks

    #245064
    Tom
    Lead Developer
    Lead Developer
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.