T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Mainstwebguy
  2. General Discussion
  3. Tuesday, 25 June 2013
  4.  Subscribe via email
I am having some trouble finding where to change the color for a:hover on my menu items in the LESS files. As seen on This Link, when you hover over the menu items "Mobile Websites," "SEO," "Online Marketing," or "Contact Us" the text is the same color as the background so it is unreadable.

Where do i need to make the change? It seems that the color should be set to @grayLighter so it matches with the others.

Thanks again!
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mainstwebguy,

As you can see in t3_blank\less\variables.less
@navbarLinkColorActive: @grayLighter;

And in t3_blank\less\navigation.less

// Active nav items
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: @navbarLinkColorActive;
text-shadow: none;
#gradient > .vertical(lighten(@navbarLinkBackgroundActive, 10%), @navbarLinkBackgroundActive);
.box-shadow (none);
outline: none;
}

Though, you can change the color value of @navbarLinkColorActive in variables.less

I see your site is much like T3 Blank. Those text is readable.
I do not know what is wrong on your side.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
I agree, I don't know what's wrong on my site either and that's why I'm asking for help :)

Can you point me in the right direction on how this could be happening? I don't remember messing with color for that menu at all... Where could it be coming from?

If need be i can PM you some login details, just let me know.

thanks again!
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
It seems to only occur on menu items that do not have sub-menu items. I'm still not sure what to do to fix this however...
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
For testing purposes I installed a fresh copy of the t3 quickstart for joomla 3. I have made no changes at all after the installation and the problem is appearing. Could this be a bug? see link below:

t3 Quick Start Fresh Install
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mainstwebguy,

I am sorry but I may misunderstand what you try to say.
Please capture a screen shot that tell your problem. :(

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Sure thing, here are 3 pics.

the first one shows the on-hover working with a subitem. The second two show the on-hover where the background color and the text color are the same.

hope this helps.

***Edit: These screen shots are taken from a fresh install of t3 quickstart for Joomla! 3. you can see it here***
Attachments (3)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
In navigation-responsive.less at line ~200

// Hover state
.nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover {
background-color: @dropdownLinkBackgroundHover;
}

(maybe it looks different in default, I probably changed it already in my files)

add there your color so you will have same hover color for dropdown and main nav items.

You should also add :focus state there.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hey Chris, I see where your going with that, thanks man.

I did enter the values in as you directed, but for some reason they are not reflecting on the navbar. I did recomile LESS files, but the color property is not getting changed. When i "right-click>inspect element" the color property is still showing the old one.

Is there some cache or something i need to clear for these changes to take effect?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry wrong line :p ~200 is for inverted nav.

line ~95
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Good eye Chris, and thank you. That solved the issue :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Oh, sorry, we have busy with the new release of the framework.
We will apply the fix to T3 Blank. Thank
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
No problem SuperUser, I'm excited to see development continuing to roll on :) love this framework.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 12
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.