StudioPress

Forum navigation

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

fade in effect on hover for features images

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › fade in effect on hover for features images

This topic is: not resolved

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 9, 2016 at 11:46 am #187233
    voamay
    Member

    Hi all, does anyone know how to create a fade in effect on hover for images with a link and features images?
    I'm using the workstation theme for my portfolio and everything looks very flat without adding a simple hoover effect when there is a link with an image...

    Thank you!

    http://www.dearideadesign.com
    June 9, 2016 at 12:21 pm #187238
    William
    Member

    Do you want to (i) fade in the images when the page loads or (ii) add a hover effect when you hover over an image ? 🙂

    Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

    June 9, 2016 at 12:23 pm #187239
    voamay
    Member

    When you hover over an image 🙂

    June 9, 2016 at 12:30 pm #187242
    William
    Member

    Depends on the effect you want 🙂 But whatever it is you will need to add some CSS to your stylesheet!

    Sample Effects:
    https://codepen.io/nxworld/pen/ZYNOBZ

    Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

    June 11, 2016 at 6:15 am #187373
    voamay
    Member

    Thank you William! I found a few codes for the effect I'm looking for, placed them in my style sheet but nothing happens...

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.