Change Text color of project title on mouseover

[DominikP]

Hey,

really enjoy using Lay!

One quick question:

Is there a way to change the text color of the Project Title on mouseover on the projects overview (where I see the Project Thumbnails)?
I set the Project Title position to "below image", so mouseover should take place on the thumbnail and also on the project title itself.

Working on my site at the moment, but you can see it here https://dominikpietsch.de/

I'm sorry if this has been discussed here before, but I didn't find anything helpful in this forum.

Cheers,

Dominik

[alasdair17]

@DominikP hey, if you create a textformat and style it to how you want it to appear on mouseover and then follow these settings (see screenshot) and choose the textformat then the title will show up when you hover.

I don't think it can show up twice automatically but you could do a work around and put your project thumbnail into a stack and then place a textbox into the stack under the thumbnail. This way the title will show up on hover and will always show under the thumbnail.

Hope that makes sense!

[DominikP]

Thanks for the quick response!

But - that's not exactly what I meant.

I just want to change the text color on mouseover.

See https://dominikpietsch.de/
On mouseover, the project title should be #dd3333.

[alasdair17]

@DominikP hey, no worries.

So the title should always show like it is now but when you mouseover the title should change to #dd3333?

I think with the mouseover effect in those settings it can only appear when you hover.

But try this css:

.title:hover{
color: #dd3333;
}

I just tried it out and works for when you hover on the text but not the thumbnail, not quite sure how to activate it when you hover the thumbnail too but I hope that's closer to what you want!

[DominikP]

Hey, again, thanks for your help!

So the title should always show like it is now but when you mouseover the title should change to #dd3333?

Yes, that's what I wanted.

I think with the mouseover effect in those settings it can only appear when you hover.

But try this css:

.title:hover{
color: #dd3333;
}

I just tried it out and works for when you hover on the text but not the thumbnail, not quite sure how to activate it when you hover the thumbnail too but I hope that's closer to what you want!

Cool, that worked well for the text!
If you have any idea for how to change the color of the text when hovering on the thumbnail, let me know, would really appreciate it :-)

Cheers - Dominik

[DominikP]

Hey, I think I got it:

.thumbnail-wrap:hover .title {
color: #dd3333 !important;
}

[alasdair17]

@DominikP nice!

[arminunruh]

thx a lot for your help @alasdair17 <3 !!