Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 28, 2025 at 12:08 am #1487270
    sky19er

    I have an Icon Circles element at the bottom of https://abodedev.wpengine.com/about/ourpurpose/ and I notice, if I keep the cursor within the perimeter of the circle, whatever icon/content I hovered over/activated last stays activated/visible until I hover over a different icon. But, if I move the cursor outside the perimeter of the circle, it defaults to blank/nothing activated (unless of course you have a default image set for the center, which my client doesn’t like). Is there any way to effectively disable the hover off outside the perimeter, so that even when you move the cursor away from the circle, the last item you activated stays put? Thanks as always!

    July 28, 2025 at 6:59 am #1487272
    Ismael

    Hey sky19er,

    Thank you for the inquiry.

    This is possible, but you will need to directly modify the file at enfold/config-templatebuilder/avia-shortcodes/icon_circles/icon_circles.js and then compress or minify it to enfold/config-templatebuilder/avia-shortcodes/icon_circles/icon_circles.min.js. Remove the following block of code around line 57:

    container.on( 'mouseleave', function()
				{
					logos.removeClass('active');
					logoText.removeClass('active');
					container.removeClass('active-container');
				});

    Let us know the result.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.