Topic: [1.4.3] Customising Your Theme
Here's a quick guide on how to customise your theme installation without losing any of them during upgrades.
Method #1: CSS Editing via WordPress Editor
You'll need a web browser with a certain web developers tool, for this guide I shall use Firefox 3.6 with Firebug.
I recommend that you have a basic understanding of Cascading Style Sheets (CSS) for this method. A good site to start is W3Schools.
Step 1: Ensure that Arras Theme is activated and working in your WordPress installation.
Step 2: Go to Appearance > Editor. You should see something like this:
Step 3: Under the Templates column on the right, select user.css (located at the bottom of the list). You should see something like this:
Step 4: Now, in a new tab/window, go to the page that you wish to edit. For this guide, I shall edit the home page:
Step 5: Next, click on the Firebug icon located at the bottom of your page. The Firebug tab should pop up.
Step 6: Click on this button to start inspecting the area you wish to edit:
Step 7: Hover your mouse to the area you wish to edit. When you have chosen your desired area, click on it. The border should disappear, and the values in the Firebug tab should change.
Step 8: You can play with the CSS properties at the Style tab on the right column. For example, I have changed the color of the header:
Step 9: Once you are satisfied with the changes, copy the CSS code of the whole element and paste it in the Editor:

Step 10: Save the changes, refresh the page and you have successfully customised your theme!