Site Title Image, Image Change Mousover?

[lay]

Hi there!

I am trying in vain to set the site title logo to change when "touched" by Mouseover like this:

What is the easiest way to do this?

Best wishes
Matthew

[Richard]

Dear Matthew

@lay great username 👍

The following code will target the background on hover.

.sitetitle:hover {
    background-color:black;    
}

You can change the text colour when hovering within > Customize > Site title >

I would suggest doing it there rather than using custom code 🌝

https://laytheme.com/documentation/custom-css-styling.html

---

Best wishes

Richard

[lay]

@Richard
thank you! i tried to change a png-title on mouseover. now i figured out a CSS solution working fine:

.sitetitle:hover {
content:
url("https://www.mypage.de/wp-content/uploads/2022/logo_v2.png");width:16vw;
}