Close

Account

Documentation

Forum

Menu

Transparent Top Navigation font color

  • Post count: 9
    rossthomasphotography
    January 12, 2015 at 1:53 am #8264

    Hi, my website is http://www.rossthomasphotography.com/

    How do I change my navigation font color to black? every custom css I do does not work.
    Also, I would like the navigation background to be transparent on hover, but that css isn’t working either.

    Thanks in advance.

    Post count: 6417
    Adek
    January 13, 2015 at 6:19 am #8297

    Hi rossthomasphotography,

    It seems you’ve be able to change color of menu items on top navigation into black. To make transparent background when the menu item hovered you can try to use this code below :

    Thank you

    Post count: 12
    toughcookiemarketing
    November 16, 2015 at 12:53 am #16150

    Hi Dek Ery,

    I have used the above to make my navigation background transparent on hover, thank you.

    I would also like to make the menu text either bold or bigger on hover so that you can identify when you are hovering. I have tried lots of properties including font-weight, font-size, text related properties and even just adding a top border. Nothing seems to come up… Can you assist?

    Many thanks

    example of one I tried
    body.toptransparent .navcontent > ul > li:hover {
    background-color: transparent;
    border-top: 5px;
    border-color: #FFFFFF
    }

    Post count: 6417
    Adek
    November 16, 2015 at 8:35 am #16171

    Hi rossthomasphotography,

    You can use this code below :

    Thank you

    Post count: 12
    toughcookiemarketing
    November 27, 2015 at 12:41 am #16469

    Hi Dek Ery,

    Unfortunately this didn’t work. The text size doesn’t change at all. Could this be because I have already changed the text size to a larger size in previous code? Here is what I have in the additional CSS:

    .navcontent a, .topnavigationwoo .accountdrop li a {
    font-size : 12px;
    font-weight: 600;
    }

    body.toptransparent .navcontent > ul > li:hover {
    border-top: 10px #FFFFFF;
    }

    body.toptransparent .navcontent > ul > li:hover {
    background-color: transparent;
    }

    .fusion-main-menu > ul > li > a:hover {
    font-size: 18px;
    font-weight: bold;
    }

    http://www.chateaudore.com.au

    thanks

    Koren

    Post count: 6417
    Adek
    November 27, 2015 at 10:09 am #16493

    Hi Koren,

    Can you help me to provide login credentials into your wp admin panel so i can check it directly what actually happen in there. You can send it here and check the Set as private reply option below.

    Thank you

    Post count: 12
    toughcookiemarketing
    December 1, 2015 at 1:44 am #16594
    This reply has been marked as private.
    Post count: 6417
    Adek
    December 1, 2015 at 4:48 am #16611

    Hi Koren,

    I’ve been make minor change in there. Please check it out.

    Thank you

You must be logged in to reply to this topic.