1. Log in
2. Hi, username > My Dashboard > Skins > Create Site Skin
3. Enter a title and some obvious-ish CSS, like #main { background: purple; }
4. Submit
5. Create Site Skin
6. Enter a title and some CSS, like #dashboard, #dashboard.own { background: pink; }
7. Choose Show next to Advanced to expand advanced options
8. Add parent skin
9. Enter the name of the first skin you created
10. Submit
11. Use
12. Hi, username > My Dashboard > Skins
13. Choose Edit for the first skin you created
14. Change the skin's CSS in some obvious way, e.g. #main { background: yellow;}
15. Update
I expect to see the changes I made – in this case, I expect to see the background change from purple to yellow.
Instead, I have to:
1. Hi, username > My Dashboard > Skins
2. Choose Edit for the second skin I created (that is, the one I am using)
3. Update
Only then do I actually see the background change from purple to yellow. Sometimes, simply pressing Update is not enough, and I must edit the CSS of the second skin as well.
Well, that’s certainly garish. I edited the parent skin and, upon updating it, the main background color immediately changed. So that looks good, in that it works, not in that it looks good.
I made a skin with 4 parents and applied it. Then I edited one of the parents to change the header from red to yellow and pressed saved. Tada, I was seeing a yellow header immediately!
Looks good, and I am super excited!