JoomlArt Forums 32,862 posts

[noord-group Friend noord-groupJoin date: January 2016Posts: 13Downloads:45Uploads:1]

#939467

Hello, I’m trying to customize the colors of my top menu.
right now, behaves like default, but i want to change the hover/focus color of the main menu items and sub menu items.

I tried to do it changing the templates but no luck, i’m a little lost sorry.
if you tell me what should I change inside the css. i’m using ja teline v

thank you in advance!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#939471

Hi

You can try adding this to your custom.css file

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

You can find all topnav settings in this file /templates/ja_teline_v/css/template.css

.t3-topnav .nav > li {
  display: block;
  float: left;
  margin: 0;
}
.t3-topnav .nav > li > a {
  color: #333333;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  font-family: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 40px;
  height: 48px;
  line-height: 48px;
  border-radius: 0;
  border-right: 1px solid #e5e5e5;
}
.t3-topnav .nav > li > a:hover,
.t3-topnav .nav > li > a:focus {
  color: #fff;
  background-color: #111111;
  border-color: #111111;
}
.t3-topnav .nav > .active > a,
.t3-topnav .nav > .active > a:hover,
.t3-topnav .nav > .active > a:focus {
  color: #333333;
  background-color: #fff;
  border-color: #e5e5e5;
}

Hope it helps

[noord-group Friend noord-groupJoin date: January 2016Posts: 13Downloads:45Uploads:1]

#940010

Thank you for this!

[Author]

Posts