new CSS in 2.6? or something that breaks the a:hover links?

[marcnyc]

I upgraded to 2.6 and noticed that some custom CSS code that I had added to change the background image of the #nav section doesn't work anymore... I looked at the CSS of the color scheme I am using and it doesn't seem to have changed so you must have made some changes somewhere else... I was wondering if you know of what changes in 2.6 might have broken custom CSS code related to the #nav section. The highlighted CSS still works but the a:hover doesn't work as expected any longer.
Thanks

[sayontan]

Is your image for a:hover different from the highlighted image? Where had you stored the image for a:hover? Was it inside the theme's folder? If so, that image has probably been overwritten.

I haven't changed anything in 2.6.0 w.r.t. the navigation bar. My main change in the style was for the tabbed sidebar. Plus, if you have made additions in the "Custom Styles" option, they are invoked last. So unless I define the same element with higher specificity in style.css or the individual skin's CSS, your settings rule.

[marcnyc]

yes my image for a:hover is different than the highlighted image.
my a:hover image is stored outside of the theme's folder in order to make theme upgrading a breeze, so it's still there and hasn't been overwritten

strange that nothing changed... I would have expected and I had assumed that the custom CSS stuff is at the end so that it rules... what would the higher specificity possibility that you mention be? I am not aware of specificity in CSS...

I had found this in your CSS:

Code: Select all

#nav li a:hover{
   color: #555;
   background: #97caff url(images/menu-light.jpg) repeat-x top left;
}


and I had changed the URL of the image there to my image and pasted the new code into the custom CSS field, but that stopped working after 2.6

[sayontan]

Interesting - I don't see "#nav li a:hover" here:

Code: Select all

#wrapper {
   background-image:  url(http://www.marcurselli.com/img/MU-background_bot.jpg) ;
   background-repeat: repeat-x;
   background-attachment: fixed;
   background-position: bottom left;
}

/* beginning of main menu adjustments/modifications */
#nav {
   border-bottom: 1px solid #FF0000;
}

#nav a.highlighted,
#nav a:active {
   color: #FFF;
   text-shadow:1px 2px 0 #000000;
   background: #97caff url(/img/MU-waveform_red.jpg) repeat-x top left;
}
/* end of main menu adjustments/modifications */


/* beginning of MU feeds */
#mu_feeds div {
   text-align: left;
   font-size: xx-small;
   width: 320px;
   float: left;
}
#mu_feeds .mu_feed_titles {
   margin: 5px;
}
#mu_feed_red {
   margin: 3px;
   background: #ff9999;
    font-size:normal;
}
#mu_feed_green {
   margin: 3px;
   background: #99ff99;
    font-size:normal;
}
#mu_feed_blue {
   margin: 3px;
   background: #9999ff;
    font-size:normal;
}
/* end of MU feeds */   </style>
   <!-- /Custom CSS styles defined in options -->


(These are the styles you put in the "Custom Styles" section, I assume)

[marcnyc]

Actually I just removed it yesterday (I guess before you looked at my custom CSS code) but it was there before I removed it... I only removed it to keep as little of the necessary code as possible... if you would like me to add it back so you can see that it still doesn't work I can do that

PS by the way, since you looked at my code, did you see the ocean of slashes there is?

[sayontan]

Sure, please add it back.

Yup, I saw the slash tirade there - I have already patched the code. I need to update the translation files before I can release it. I will probably submit it in the evening.

[marcnyc]

ok I have added it back and now it seems to work... I HATE when that happens, I know I look like an idiot now but I swear it wasn't working yesterday... I think it was a caching issue... I had just installed the WP-cache plugin and maybe I was looking at a cached version rather than the actual version...
False alarm, sorry for wasting your time!

[sayontan]

No worries. As I say after false alarms, it is one less thing for me to worry about.