Highlight for Current Menu Item not highlighting correctly - menu

I would like the current menu item to stay highlighted when a user is in that section. I set up styles for .current-menu-item. For some reason some styles work and some don't. I used all of these for testing purposes:
.current-menu-item {
color:#F90;
border-bottom:2px solid #fco;
text-decoration:line-through;
background:#000;
}
Background and Text-Decorationare the only styles that work. Any clues why the others do not? I really only want the text color to stay orange (highlighted #f90).
Thanks in advance for any help :)
sandra :)

Your color rule is likely being overridden by a more specific rule. You can investigate this further, using 'Inspect Element' in google chrome, and looking at the styles in the inspector.

Related

Change Text Highlight Color in Eclipse Console

Question
Is it at all possible to change the color of the text highlight in Eclipse console to something more visible in Manjaro Linux? Your time and help are both much appreciated.
Important notes
I am using the default GTK theme. I do not want to use a different theme.
For testing, I have tried using a different theme, but that didn't help.
Problem
Currently, I am stuck with a barely visible light grey text selection in Eclipse console in the following two scenarios:
When manually selecting text
When using the Find\Replace... search function
Supporting screenshots
Manual mouse text selection:
Find/Replace... selection:
Looking into and changing these settings did not help:
I once ran into the same problem and used the gnome-color-chooser to resolve this issue.
You have to change property selected_bg_color value in your current GTK theme gtkrc file. I am using Ambiance theme.
So my setting are:
cat /usr/share/themes/Ambiance/gtk-2.0/gtkrc | more
gtk-color-scheme = "base_color:#ffffff\nfg_color:#4c4c4c\ntooltip_fg_color:#000000\nselected_bg_color:#f07746\nselected_fg_color:#FFFFFF\ntext_color:#3C3C3C\nbg_color:#F2F1F
0\ntooltip_bg_color:#f5f5c5\nlink_color:#DD4814"
Also refer these post which helps you in future for similar kinds of problems.
Change Eclipse sidebar vertical scope highlighting
eclipse-on-ubuntu-fixing-the-black-background-color-in-hover

Atom styling for keyword "this"

Is it possible to give the keyword this custom styles in your Atom stylesheet? E.g. make it bold, so it stands out more?
This can be achieved by editing your styles.less file.
Assuming you're interested in assigning this from javascript to be bold, the following snippet will handle your question:
atom-text-editor::shadow {
.variable.language.js {
font-weight: 800;
}
}
The classes for the specific elements you are trying to style can be found easily by opening up Developer Tools (View > Developer > Toggle Developer Tools), clicking the magnifying glass located on the top-left of the dev-tools panel, and then hovering over the word(s) you are interested in styling.
See here for more information.

Blue "Halo" on tabs in Safari

I have a issue on tab in safari specially. I have create tabs and when I select any tab create border blue around it.
I think it's call HALO effect.
You can check it in attached image. I tried to solved this but had no success. How do I remove that blue border when I select a tab?
Any one have a experience in this?
This is a Safari thing, where it adds a blue border around active elements. A simple way to fix it is to add the following to the styling for your tabs:
outline: none;
Example: http://red-team-design.com/get-rid-of-safari-blue-input-outer-glow-once-and-for-all/. This article only talks about input elements, but it works for other elements too.

onclick changing colour of a link, and returning all others to default

I have a list of links which open up various hidden divs on a page. Each link is white. Very simply all I want to do is when each link is 'active' it changes to yellow.
This is fine, and I've achieved this using an onclick event this.style.color='yellow';
the problem is that they then stay yellow, so effectively I need either a way to globally change all other elements back to white onclick OR to individually specify the each link to turn white
thinking javascript wise, could I achieve it with something like
onclick turn all links to white
turn this link to yellow
? Am I barking up the wrong tree?
Don't use onclick event just use css active your problem will get solve,
<style>
a:active
{
color:yellow;
}
</style>
where your link is,
Google
If you need any other help just let me know.

Building Nav Bars with rollovers in DreamWeaver CS3

I'm working with Dreamweaver CS3. The question here is what part of the code (listed below) do I need to replicate to have my secondary nav bar utilize the on-click action?
FYI...DW has two menu options or auto insert items...one for roll over images and one for "navbar". DW will only allow you to use the 'navbar' item once per page
the nav bar option builds all the rollover actions for you (listed below)
the "rollover" option ONLY builds normal and over, but no click
I guess I really have two questions...the first is what part of the code do I need to insert manually, the second is what does the "MM_nbGroup" code mean?
"../photogallery.html" target="_top" onClick="MM_nbGroup('down','group1','photoMainNav','../images/buttons/photography_down.gif',1)"
onMouseOver="MM_nbGroup('over','photoMainNav','../images/buttons/photography_over.gif','../images/buttons/photography_over.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="../images/buttons/photography.gif"
Thanks for any help on this in advance!
For anyone wondering the same thing, here's what I've found so far...
The 'insert' bar provided in DWCS3 doesn't allow for two 'inserted' menu bars on one page. However, the 'Behaviors' palette will allow you to add effective roll-overs with the "Set Nav Bar Image" option. Unfortunately (as far as I can tell) DWCS3 is not as smart as Adobe's GoLive was, in that it won't automatically fill in the appropriate items if you name your files correctly. Even still, you should name your images accordingly (xxx_over, xxx_down, etc) to keep it straight in your own head.
As for the MM_nbGroup question, best I can tell this is WYSIWYG code that ships with DWCS3 (the kind of stuff that really mifs some of you developers, sorry guys), as it names items by group # and doesn't seem to have any real relevance in the lexicon of html. I could be mistaken on this however, and am open to enlightenment on the topic if anyone can offer.

Resources