Project thumbnail mouseover options per category

[J199]

Hey Armin,

Thanks for your work on Laytheme. I've come back to use it multiple times now.

I wanted to make a suggestion.

The project thumbnail mouseover is a great feature.
I was wondering if it would be possible to be able to control the mouseover reveal/interaction/effect based on the project category?

For example an architecture website. Any projects listed as residential could have a specific mouseover reveal/effect, any public project would a have a different reveal/effect and so on. It means you could have projects colour coded on the overview page.

This would also require control over project titles per category too.

Thanks!

[arminunruh]

thank you!
yea thats possible by doing custom css based on the current page:

https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

so for a certain category you would write css that changes the hover animation

example:

body.slug-work .thumb .ph{
background-color: green!important;
}
body.slug-work .thumb:hover img{
opacity: 0.5!important;
}

you'll need to be able to write css and use the chrome element inspector