Hover icons not showing properly

[ktf524]

I have test site running: jquery 1.7.2 jquery-ui 1.8.20

I have downloaded a custom theme where the icons normally have a green background and a white foreground, and when hovered over, reverses the colors (green on a white background). It looks correct on the jQuery UI theme page. When I download the theme and install it, the normal icons look good but the hover icons give me the correct light grey background but the foreground remains white.

I am able to download the "ui-icons_3b882f_256x240.png" file from the browser but these images never show up. I looked at the "jquery-ui-1.8.20.custom.css" file and I do see the line with this png file:

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_3b882f_256x240.png); }

I have downloaded 2 stock themes (sunny and pepper-grinder) that have reversing icon colors and they show the same problem with incorrect hover icons. Everything else looks correct.

Thanks

Ken

[Scott González]

Please provide a reduced test page showing the problem.

[danheberden]

You might have gotten corrupt files due to bug: ​http://bugs.jqueryui.com/ticket/8057 - this has been fixed so please retry the download and see if the problem persists.

[ktf524]

See: ​https://controlpanel.egodev.net/Test

Ignore the invalid cert. This is a test site only.

(The zip file was fine.)

Ken

[Scott González]

That's not how you use icons. Use the actual button API. If you need help, please use the forums or StackOverflow.

[ktf524]

Thanks for your patience and sorry for the trouble.