fixed place for title of projects when hover over project thumbnails

jonte

hi there,
I'm working with project thumbnails and want the title of each project, when hover over the image, to show up centered on top of the page (with 30 px space on top) - how can i do this? thank you!

mariusjopen

Hi Jonte,

I hope this gives you an idea of how to solve this problem:

.lay-textformat-parent.below-image {
    opacity: 0;
    margin-top: -132px;
    position: absolute;
}

.thumb:hover .lay-textformat-parent {
    opacity: 1;
}

I hope that works out!

Best!

Marius