Guest Posted August 2, 2019 Share Posted August 2, 2019 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! Link to comment
tuanphan Posted August 2, 2019 Share Posted August 2, 2019 @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. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted August 3, 2019 Share Posted August 3, 2019 @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. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.