How do you change the Hover background color that appears when the mouse is on the Nav-Bar?
By Tim on Monday, 28 September 2015
Posted in General Issues
Replies 7
Likes 0
Views 768
Votes 0
When I hover the mouse over the NavBar in EasyBlog a small screen shows up with a description of what the mouse is hovering over. For example, the mouse hovers over the little house, of which, a small screen appears that states Home and so-on (Categories, Tags, Bloggers, etcetera). That small screen has white text, yet the background is a dark gray. Can that dark gray color be changed?

Hey Tim,

I believe we may have misunderstood your request but anyway, please try this,



#fd.tooltip .tooltip-inner {

  background: red !important;

}



#fd.tooltip .tooltip-arrow {

  border-bottom-color: red !important;

}


Also, please take note that customizations are generally not supported by us. We are assisting you out of good faith just this once
Mark
·
Sunday, 04 October 2015 04:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Tim,

You can try apply this css code in your current template css file and see how it goes?



div#fd.eb .eb-navbar-nav>li.open>a,

div#fd.eb .eb-navbar-nav>li>a:hover,

div#fd.eb .eb-navbar-nav>li>a:focus{

 color : red !important;

}
Arlex Wong
·
Monday, 28 September 2015 23:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I tried the code, yet nothing happened. I did refresh the page and clear the cache. Yet it did not work.

Any ideas?

Thank you Arlex
Tim
·
Saturday, 03 October 2015 23:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Tim,

I am really sorry for the delay of this reply as it is a weekend for us here. Please provide us with the link to your site to look into this. Also, if it's possible, provide us with the FTP access and also let us know where did you applied these changes.
Mark
·
Sunday, 04 October 2015 02:43
·
0 Likes
·
0 Votes
·
0 Comments
·
The website address is: http://www.WeAreTheBoysAndGirls.org (the issue I am trying to find an answer for, is for both EasySocial and EasyBlog - They are both installed on the same website).

I applied the code at the end of the CSS for the template. I use the protostar default template.

Thank You
Tim
·
Sunday, 04 October 2015 03:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you for helping me. I added the code to the Protostar template and it worked on the tip, yet not the entire dark gray color. Thanks so much for the help, yet I will figure out how to make the entire dark gray area, as I described with the question, a different color.

I realize Stackideas have gone beyond their responsibility to the customer and I am grateful for the help!

Many Thanks

PS: Stackideas has 'The Best Support'. Always there and always helpful!
Tim
·
Sunday, 04 October 2015 04:53
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome Tim and thank you for the kind compliments
Mark
·
Sunday, 04 October 2015 15:02
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post