Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1
jkschmitz95

AVENUE: Logo Image Rollover Hover

Question

I would really like to be able to have an image rollover hover for my logo to switch colors on the Avenue template. I've been searching but haven't found a solution. I would really appreciate some help on this!

Edited by jkschmitz95
Initial Revision

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

@jkschmitz95 You can use invert, filter...

Or if it has no color you want. You can use custom code to change the new image, when hovering over the current logo.

Avenue Template Demo has no logo so i can't send exact code. Can you provide site url?


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post
  • 0

@jkschmitz95 You can use Color Image. Then use CSS to change to black. Then use CSS to change to original when hovering.


/* Black Logo */
.logo img {
     filter: grayscale(1); 
     -webkit-filter: grayscale(1);
}
/* Change Logo Color */
.logo img:hover {
   filter: grayscale(0);
     -webkit-filter: grayscale(0);
}



 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...