How to Customize Orange Rabbit

Orange Rabbit sports a default orange color for header and links, but you can change it to whatever you want. With few lines of code, you can have as many different versions of this design as your fantasy can imagine.

Moreover, you can even differentiate single pages within the same website, grouping them into different sections that your visitor will immediately recognize.

This is how (you need a “Pro” licence of Sandvox):

Step 1. Select: “Site”, then “Site Code Injection…”. If you want to change a single page’s color, select instead “Page Code Injection…”

Step 2. Insert this text into the “Head Area”:

<style>
h1, #title p, a {color:#900 !important;}
</style>

Step 3. Change “#900″ to che color code of your choice. It represents the color of the header and all of the links of your website (a dark red in this example).

You can create a color code with many online tools (like this one) and graphics applications. You can also use the color’s javascript name, if available, (“red”, “blue” and so on) instead of the code (so “red” instead of #FF0000).

To learn something more about colors, you can take a look at this page.