Docs

[shortcoast]

Hi,
I’m using the Integrity version of the theme and I’d like to have the single items thumbnails of a portfolio to behave as following:
– zoom in on mouse over (as it’s already happening now)
– title to be displayed on mouse over, centered and on a translucent white background
– title and white rectangle underneath the item/thumbnail removed

What should I do to implement this effect?

Thanks!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.single-x-portfolio .entry-featured img,.single-x-portfolio .x-flexslider .x-slides img {
    transition: all 0.75s ease;
}
.single-x-portfolio .entry-featured img:hover,.single-x-portfolio .x-flexslider .x-slides img:hover {
    transform: scale(1.2);
}

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.

Hope that helps.

[shortcoast]

Hi,
thanks for the feedback.
I’ve added that piece of code but it seems it’s affecting only the zooming effect but not the behaviour of the title to appear on the image.

My aim would be to have an effect similar to the one visible here: http://giant.is/creating/
with the title appearing when hovering on the thumbnail.

Is that possible?

Thanks!

[Christopher]

Hi there,

As I mentioned in my previous replay this customization could be possible with custom development but it would be outside the scope of our support.

Please try following plugins :

https://community.theme.co/kb/integrated-plugins-the-grid/
https://community.theme.co/kb/integrated-plugins-essential-grid/

Hope it helps.

[shortcoast]

Hi,
understood, thanks for your help.

Cheers.

[Thai]

If you need anything else please let us know.

[Author]

Posts