Widget links
 

I've used ATO Widget List options to set widget hover colors and also tried CSS, but am not seeing anything at http://flow-dynamix.com/free-resources-to-get-unstuck/.

Might it have anything to do with the Flexipages widget? If so, I know I need to follow-up with the author. I did have the hover color when I started but lost it. I'm inclined to think it's more my own lack of knowledge rather than the plug-in, though.

I'm using 3.4.6 and here's what I tried on the CSS based on another thread I read. Most of the CSS is re: the bullets, but I thought it might be important to show it all. If there's an answer for hover, I'll hope to apply it to active, as well, which is why you see the repetitive CSS sections.

div.widget ul li a:link {
border-left: 0 !important;
padding-left: 0 !important;
}
div.widget ul li a:visited {
border-left: 0 !important;
padding-left: 0 !important;
}
div.widget ul li a:active {
font-weight: bold ! important;
border-left: 0 !important;
padding-left: 0 !important;
}
div.widget ul li a:hover {
color: #01857D !important;
font-weight: bold ! important;
border-left: 0 !important;
padding-left: 0 !important;
}
div.widget ul {
/* for other styles, try "disc" and "square" instead of "circle" */
color: #00A79D;
list-style-type: disc !important;
padding-left: 0;
margin-left: 0;
}
div.widget ul li {
/* 1.35 or more required for Safari or bullets too wide on the left */
margin-left: 1.35em;

/* overwrite existing display:block Firefox */
display: list-item;
}
div.widget ul li ul{
list-style-type: none !important;
}

Thanks!
Caryn

Are you using Chrome or Safari. Those two don't show the hover state but Firefox and IE 8 do.

Thanks so much, Larry! Yup, Safari user here. Happy to see the hover in Firefox and I'll have my Explorer-using partner check it out. Still not clear if I can work the active link, but this is a great step forward. Much appreciated... especially at this hour!

Best,
Caryn

...ummm...Hover most certainly does works in Safari and I expect in Chrome also. The order of the psuedo class is very important. Taken from w3schools.com you need to re-order your css so the active comes last.

Ah, LoVe-HAte order. Shame on me for not remembering. Safari's still not cooperating, but since that's likely a small part of audience (primarily business people), I'm not too concerned.

So the hover works great in Firefox (Mac) and Explorer (PC), but still no luck with the active, which I'd love to see as bold to reinforce where people are in the nav -
div.widget ul li a:link {
border-left: 0 !important;
padding-left: 0 !important;
}
div.widget ul li a:visited {
border-left: 0 !important;
padding-left: 0 !important;
}
div.widget ul li a:hover {
color: #D5B35E!important;
font-weight: bold ! important;
border-left: 0 !important;
padding-left: 0 !important;
}
div.widget ul li a:active {
font-weight: bold ! important;
border-left: 0 !important;
padding-left: 0 !important;
}

the last two of your css inserts are causing a conflict, remove
or just put an 'x' at the begining and see what happens

That indeed restored hover to Safari... but I lost my bullets, which I think are more important, but I'll consider.

Didn't seem to have any impact on Firefox and the active link format.