Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • kevinburk Friend
    #995427

    I’m trying to change the background, hover, and active colors of the Top Menu in the Teline V template, but I can’t find the correct CSS classes to target.

    Could you provide the correct code for the Custom CSS?

    Thanks.

    Pankaj Sharma Moderator
    #995479

    Hi
    the default background colour of the menu items is white, In this template, you can set the different background colour on hover using category colour classes.
    Here : http://prntscr.com/dl5axh
    This documentation will help you to change the colors.

    Hope it helps.

    Regards

    kevinburk Friend
    #995500

    That has nothing to do with my question. I’m not asking about the megaMenu and these colors are not defined in the themes.

    I’m asking about the TOP MENU.

    The class in question — as I note in the subject of this thread — is nav.t3-topnav — or t3-topbar.

    I need the specific CSS classes to change the styles of these menu items. It is not something that can be changed in the theme settings. I need the specific CSS classes, please.


    1. TopBar
    Pankaj Sharma Moderator
    #995502

    Hi For the top nav kindly add below code in custom.css file and change the color with your color codes .

    For background use this code

    .t3-topbar {
        background: #f8f8f8!important;
        border-bottom: 1px solid #e5e5e5!important; }

    For Active menu use this code

    .t3-topnav .nav > .active > a, .t3-topnav .nav > .active > a:hover, .t3-topnav .nav > .active > a:focus {
        color: #333333!important;
        background-color: #fff!important;
        border-color: #e5e5e5!important;
    }

    For Hover background color use this code

    .t3-topnav .nav > li > a:hover, .t3-topnav .nav > li > a:focus {
        color: #fff!important;
        background-color: #111111!important;
        border-color: #111111!important;
    }

    Hope it helps .

    kevinburk Friend
    #995520

    Thank you — that’s exactly what I was looking for.

    Pankaj Sharma Moderator
    #995523

    You are welcome! 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 5 replies, has 2 voices, and was last updated by  Pankaj Sharma 7 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum