How do I create mouseover / hover effect on a logo at the top of the page

[teraKUHN]

I know how to create mouseover / hover effect on an image on a page, but how do I do something similar on the logo at the top of the page which I can't seem to replace with embed code.  I want this so a trademark message will display when people hover over the logo.

[Adam7]

Hi, @teraKUHN, 

You'll need to edit your theme and custom code your site logo in order to do something like that. I wouldn't recommend that unless you're familiar with HTML and CSS, though.

[teraKUHN]

I'm familiar with HTML, so any suggest where in the theme HTML/CSS the site logo is handled?  I can't find anything to do with the site logo in the theme HTML/CSS.  Or did you mean it's handled by one of the separate java scripts?

[PaulMathews]

@teraKUHN The approach you suggest isn't really the way to handle a trademarked logo. Simply use the trademark or registered trademark symbol directly on your logo (usually in the top right corner of the logo). The point of the trademark symbol is to visually indicate trademark ownership in a clear way. Having a trademark appear only after the logo image is hovered over presumes that everyone will hover over the logo and thus discover the trademark. So what happens if your logo appears in a Google image search or has been copied into an article on another website? There isn't going to be a "trademark-on-hover" on those logo copies. There are plenty of good reasons to leverage the "title" attribute on an image tag (which will reveal a tooltip with the title text) but a trademark notification isn't one of them.