How to add hover effects?

  • Resolved cryptoxii

    (@cryptoxii)


    2 years, 5 months ago

    Hi, I’m a newbie so pardon my ignorance.

    How is it possible to add a caption when hovering over an icon, also is it possible to change the color when hovering.

    Any help would be greatly appreciated.

    Great plugin by the way!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Nick Diego

    (@ndiego)

    Hi @cryptoxii,

    My apologies for the delayed reply. Version 1.3.0, just released, allows you to add a Title attribute. This setting is located in the Advanced panel of the Settings Sidebar. In most browsers, the Title attribute will display a little tooltip when hovering over the icon.

    Concerning hover effects, you would need to add some custom CSS to your theme to accomplish this. That said, it’s fairly straightforward. The example code below would change icons to red when hovered. 

    
.wp-block-outermost-icon-block svg:hover {
	color: red;
	fill: red;
}

    Best,
    Nick

    Thread Starter cryptoxii

    (@cryptoxii)

    Hi,

    Not a problem at all.

    The update works a treat! Thanks for the custom CSS too!

    Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add hover effects?’ is closed to new replies.