Support » Plugin: WP Tiles » Show Tile Byline on HOVER

  • Resolved mbenari



    I would like to show the tile byline (excerpt, title, etc…) just on the hover. I tried setting display:none on non-hover state, and visibility: hidden / visible, but it was not working. How can I do this?



    P.S. This is one of the BEST plugins I’ve seen on WordPress. Congrats!

Viewing 2 replies - 1 through 2 (of 2 total)
  • I figured it out with opacity! Although it would be cool to have animation effects on the roll over. Like slide up and down.

    Plugin Author Mike Martel


    Hi Maya, thanks for the compliment!

    Adding some pre-set hover effects is high on my wishlist to build, but I think it will take some time before I get around to adding it. For the time being, look into css3 transitions to get the trick done. For example, for a simple slide-up effect, you can use something like this:

    .wp-tile-container .grid .tile-bg:hover div.tile-byline {
        bottom: 0;
    .wp-tile-container .grid div.tile-byline {
        bottom: -60px;
        overflow: hidden;
        padding: 0;
        -webkit-transition: bottom 300ms;

    (Note: this is just a quick throw-together.. it doesn’t work properly if there’s no byline, it’s not cross-browser yet ,etc.)


Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Show Tile Byline on HOVER’ is closed to new replies.