Slate

Advanced Search

Remove hover borders which appear around logo image in IE

Permalink Browser Info Environment
I have added for quickness a logo composed of graphic with text as a single image. The changing color / highlighting which occurs doesn't look great.

How can I disable any hover / selected link changes for this logo image so the look never changes?

Many thanks.
Type: Discussion
Status: New
vintageboatco
View Replies:
c5mix replied on at Permalink Reply
c5mix
Sorry for the delayed response, I have been on vacation for the holidays.
Look in the functions.js file (located at theme_slate/themes/slate/js/functions.js) for this code:
$("a img").hover(
   function() {
      jQuery(this).animate({"opacity": ".8"}, "fast");
   },
   function() {
      jQuery(this).animate({"opacity": "1"}, "fast");
});

and either comment it out or remove it if you dont want that effect at all on any images, or you can just change it so it only applies to images in the main content area and sidebar by changing this:
$("a img").hover(

to this:
$("#wrapper a img").hover(

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.