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

AVENUE: Logo Image Rollover Hover


jkschmitz95

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
Link to comment

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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 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);
}


Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...