• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Anyone know a plugin that accomplishes links within an image hover like this?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Anyone know a plugin that accomplishes links within an image hover like this?

This topic is: not resolved

Tagged: hover effect, image hover

  • This topic has 5 replies, 2 voices, and was last updated 5 years, 6 months ago by Bill.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 10, 2018 at 8:26 am #219714
    Bill
    Participant

    This is a great feature on a non-wordpress site. Does anyone know a wordpress plugin that accomplishes the same type of effect? When you hover over the photos SEARCH BY MAP, SEARCH BY PROPERTY), there are link buttons that pop up within the photo.

    May 11, 2018 at 3:26 am #219756
    Brad Dalton
    Participant

    I doubt you'll find a plugin which does this because different themes are coded differently so there's no plugin which would work with all themes unless its a genesis specific plugin, however, you could use custom code to do this.

    If you inspect the CSS used for the hover effect at the end of this front page template you'll see how its coded. https://my.studiopress.com/themes/infinity/#demo-full


    Tutorials for StudioPress Themes.

    May 11, 2018 at 7:02 am #219762
    Bill
    Participant

    Thanks Brad! Looks like a little JS as well. Not sure I have the time to take on.

    Maybe I can hire someone to make a genesis plugin that accomplishes the goal as in the original link.... with url fields built in to use for the buttons destination links within the image

    Thanks!

    Bill

    May 15, 2018 at 12:02 pm #219923
    Bill
    Participant

    Heya Brad!
    I just saw this on your site! Looks like this is a really good start to what I was asking about!

    May 15, 2018 at 12:16 pm #219925
    Brad Dalton
    Participant

    Thanks for the idea Bill. Always looking for ideas like this and enjoyed coding this solution.


    Tutorials for StudioPress Themes.

    May 15, 2018 at 12:23 pm #219928
    Bill
    Participant

    sure thing Brad! I am not ready for it quite yet, but when I am I will reach out to you to see if you can and are willing to adapt this to use assigned pages or CPT's instead of tags, with ability to edit the button titles. (probably need to be a plugin) I like how the original example has the title within the image which encourages the click to get to the buttons.

    Nice work Brad!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble