This allows you to add alternate text for mouse-over and tell it where to link to.

We can also tell it to be responsive, setting the overall height here of that logo. Now what you'll see is that ability to load in the other logo for the rollover. Now, if I say Edit, Fill, the lock transparency here is going to respect that. Now, what we can do is open that into Photoshop, lock the transparency and load the color that we want. For example, let's say we go to that PNG file and I'll take the white logo and duplicate this and call it Logo_Gold. So if you did want to toggle those colors, you could do that. You'll see, you can also go here and have a roll over state. That swaps it out nicely and gives us that good logo. Well, the dark charcoal on black is a nice look, but it's a bit subtle, so I'm going to go ahead here and change this a bit, and what we'll do is replace this, and I'll choose the logo on white. Now, what I've done here is I've got the logo in two different ways. So I'll click replace image here for a moment and navigate to my logo. This gives you the ability to go with simple text, which you can customize and easily adjust the weight and the style if you need to, or the Image button here, and this will allow you to upload the image. To change the logo, just click on Logo here at the center and choose the Edit button. The key is that the logo is saved with transparency so it's easy to integrate. You could, of course, find many different templates or hire a graphic designer or perhaps you're a designer yourself. There are lots of ways to create logos if you don't already have one. Earlier, I loaded a custom logo for this website and I encourage that you do the same when you're designing a site, giving it a little bit more of an identity.

Adobe logo