• Resolved mulloa

    (@mulloa)


    How can I change the font color of each menu tab ( home, about us, contact us, etc) when hovering over them?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Theme Author shufflehound

    (@shufflehound)

    Hello,

    Do you mean the header navigation links?

    Thread Starter mulloa

    (@mulloa)

    Yes, that is what I mean.

    Theme Author shufflehound

    (@shufflehound)

    Please search solution in our support forum, because there already are multiple solved threads about navigation customization.

    Thread Starter mulloa

    (@mulloa)

    Yes, but there was only thread about changing the font color when hovering over each navigation option, and the code did not work. Otherwise, I wouldnt have posted this question.

    Thread Starter mulloa

    (@mulloa)

    *one

    Theme Author shufflehound

    (@shufflehound)

    You can try this solution by pasting it under Maskitto Light Options > CSS Code:

    ul.navbar-primary > #menu-item-12345 > a:hover {
        color: red!important;
    }
    
    ul.navbar-primary > #menu-item-67890> a:hover {
        color: green!important;
    }

    * replace 12345 and 67890 with your page ids

    Thread Starter mulloa

    (@mulloa)

    It did not work

    Thread Starter mulloa

    (@mulloa)

    nvm, it worked. thank you

    I’ve tried to manually change the colour of the heaver nav tabs by using this code but it is not working. I also tried this code:

    */
    header .navbar-default .navbar-nav>li:not(.active)>a {
        color: #white!important;

    …which was posted in a similar thread as a fix for this issue but that doesn’t work either.

    The site hasn’t launched yet so can’t post direct url…

    Thanks

    Theme Author shufflehound

    (@shufflehound)

    Hello,

    This thread have a similar issue resolved.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Change font color wen hovering over menu tabs’ is closed to new replies.