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?


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

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);
}



COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

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...