Tip:
Highlight text to annotate it
X
Are you looking to change the colors that are on your existing template? Let me show
you how easy that is. The first step in the process is to go down and choose the paintbrush
icon which will bring up the style editor. For this example, I am going to be changing the
navigation background, but before I show you how to do that I want to tell you about a
tool called ColorZilla. It is an addon for Firefox and for Chrome. Basically, what it
does is if you see a color that you like on another website, you can take that color ColorZilla
will capture the color code and then it will remember it so that you can put it into the
website that you are designing. Let me show you how it works. Let me go to this website,
which I like the colors to, click on the ColorZilla eyedropper tool, click on the section of the
website that I want to take the color. I click on that and then it will copy the color code
to my computer's clipboard. Then you go to the site that you are designing.
and as I said previously, I'm going to be changing the navigation background so I go
over to style editor and I choose navigation background. I delete the existing the color
code and I paste the new color code and as you can see it changed the color. The next
step is to click save and then you are done.