Joomla Templates Club 406,261 posts

[kevinburk Friend kevinburkJoin date: January 2014Posts: 46Downloads:47Uploads:6 Thanks: 7 Thanked: 1 times in 1 posts]

#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 Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#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 kevinburkJoin date: January 2014Posts: 46Downloads:47Uploads:6 Thanks: 7 Thanked: 1 times in 1 posts]

#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.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#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 kevinburkJoin date: January 2014Posts: 46Downloads:47Uploads:6 Thanks: 7 Thanked: 1 times in 1 posts]

#995520

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

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#995523

You are welcome! 🙂

[Author]

Posts