Portfolio Item Text Overlay

[tomeeles]

Hi Support,

I am working on this page: http://velobar.ch/indoor-cycling/info/

Set Up:
Multi Size Masonory Portfolio
Link to page rather than portfolio (this is because I do not want “portfolio” in the URL. If it is possible to solve the issues below by linking to the portfolio item and it is also possible to change the URL slug then I would be happy with this.)

Issue:

I like the way the Multi Size Masonry Portfolio looks and I like the effect of the thumbnail hover, BUT I think the navigation could be clearer.

I would like to be able to have a permanent text overlay on each image so that when you land on the page on desktop/tablet/mobile it is clear that you need to click.

I can’t add this permanently to the image as the site will be multilingual, so the permanent text overlay needs to be in the code.

Also I think the hover thumb nail text should be bigger.

Questions

1) Can I add permanent text overlay on each image?
2) Can I increase the text size of the Thumbnail Hover Text?

Thanks

Tom

[tomeeles]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

figure.animated-overlay figcaption{
opacity:1 !important;
background:transparent !important;
}

figure.animated-overlay figcaption .thumb-info h4{
opacity:1 !important;
}

figure.animated-overlay figcaption .thumb-info h4{
font-size:20px !important;
}

Thanks
Mohammad

[tomeeles]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad