Joomla Templates Club 406,261 posts

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#511114

Hi Klem,

It will be great if you can send me PM with your website’s url so that I can check out and give you more correct css styles in this case.

[kmgdesign Friend kmgdesignJoin date: October 2013Posts: 114Downloads:152Uploads:9 Thanks: 13 Thanked: 4 times in 3 posts]

#511271

<em>@Leo Burnetts 396431 wrote:</em><blockquote>Hi Klem,

It will be great if you can send me PM with your website’s url so that I can check out and give you more correct css styles in this case.</blockquote>

you got an pm

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#511302

Hi,

You can get your requests by putting below css styles override into templates/ja_beranis/css/custom.css file:

/*Color of open menu item when hovering*/
.t3-mainnav .nav li.dropdown.open>.dropdown-toggle {
color: #2598c7;
}

/*Remove small area with no active space*/
.t3-megamenu .mega.open > .mega-dropdown-menu,
.t3-megamenu .mega.dropdown-submenu:hover>.mega-dropdown-menu {
margin-top: 0;
}

/*Switch the black border line of sub-menu column to grey*/
.t3-megamenu .mega-dropdown-inner .mega-col-nav .mega-inner {
border-right: solid 1px gray;
}


I noted the purposes of css style quote inside the codes above so that you can easily change the properties if you want.

[kmgdesign Friend kmgdesignJoin date: October 2013Posts: 114Downloads:152Uploads:9 Thanks: 13 Thanked: 4 times in 3 posts]

#511338

Hi Leo!
Nearly all, … 😉
Thanks at first. Coming back to ask.

Klem

[melanieb Friend melaniebJoin date: July 2011Posts: 274Downloads:0Uploads:23 Thanks: 31 Thanked: 23 times in 1 posts]

#511750

Hi Leo,

sorry for delay responding. I did as you suggested and have added it to the custom.css – I now have the darker font. One last problem though, I am trying to change the hover and active font colours, I tried adding:

.navbar .nav > li > a:focus {
color: #000000
}
.navbar .nav > li > a:hover {
color: #e6e6e6
}

But it doesn’t have any effect. Is there something I am doing wrong?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#511769

Hi,

That css style will not be effective completely because they just affect the menu items not containing the sub-menu items. You can try this:

.t3-mainnav .nav li.dropdown.open>.dropdown-toggle {
color:#fff;
}

Chang to the color you want.

[melanieb Friend melaniebJoin date: July 2011Posts: 274Downloads:0Uploads:23 Thanks: 31 Thanked: 23 times in 1 posts]

#511833

Hi leo,

thanks again for responding.

that seems to have addressed the hovering of the main menu (was it supposed to do that?) but I can’t seem to get the active menu link to change colour – this still remains white. I have tried this (only set to black till I can get it to work):

.t3-mainnav .nav li.dropdown.open>.dropdown-toggle {
color:black;
}
.t3-mainnav .navbar .nav > li > a:focus {
color:black;
}
.t3-mainnav .navbar .nav > li > .active > a {
color:black;
}

Please see attached image which shows the active menu link as white (you can’t see it)

Mel

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#511973

Hi Mel,

You can try to use below css format to apply the link effect of navigation on JA Beranis:

.t3-mainnav .nav li.dropdown.active > .dropdown-toggle {
color: #fff;
}

.t3-mainnav .navbar .nav > .active > a,
.t3-mainnav .navbar .nav > .active > a:hover,
.t3-mainnav .navbar .nav>.active>a:focus {
color: #fff;
}

Change to the color you want and put these codes into custom.css file as i mentioned.

1 user says Thank You to phong nam for this useful post

1. melanieb

[melanieb Friend melaniebJoin date: July 2011Posts: 274Downloads:0Uploads:23 Thanks: 31 Thanked: 23 times in 1 posts]

#512018

Thanks Leo,

it works perfectly now. Just one thing for any one else who needs to do this, I also had to change the t3 nav menu colours in the theme/template.css file.

Thanks for all your help it was most appreciated

1 user says Thank You to melanieb for this useful post

1. phong nam

[Author]

Posts