Modifying the Stylesheet
Now I am going to show you how you can edit the stylesheet. There is 2 ways of doing.
Never edit the stylesheet manually, always edit it through the ACP!
If you are advanced enough, you can do the advanced way. If you are new to CSS, I recommend you use the basic way if this is your first time.
Using the basic way, can ruin your CSS code if you have edited it using the advanced way before!
Anyway, Select the drop down menu next to your skin again.
Now choose either the advanced or easy mode. If you select easy mode, you will get lots of boxes like the following:
Where you select the font color and the background, and put any other attributes in the box to the right. If you want to edit your skin CSS using this method, for each class you change the colours to how you want them. You will pick it up very quickly, and will be able to move on to the advanced mode very quickly. If you want to go straight into the advanced mode, you dont get all these boxes. You get the contents of the stylesheet.
If you chose advanced, you will now see something like this:
If you scroll down on the box shown above, you will see the entire stylesheet. You can now edit each style as you please, and when your done just save it. You can add more styles if you need. To learn more about editing the CSS, look out for that further in the tutorial!
Now you know how to edit the CSS.
Next in this tutorial, you will learn how to edit the HTML.